$(window).resize();
Всем привет !
Я новичок в JavaScript Понемногу изучаю его И тут я столкнулся с такой "проблемой" Как возможно при загрузке страницы например в браузере , разрешение екрана которого будет меньше например 1366х768 отмасшабировать страницу ?! т.е чтоб не нужно было нажимать CTRL+/- (CTRL + колеско) Кое-что я нашел, кое-что сделал <script language="javascript"> var height=0; var width=0; if (self.screen) { // для Netscape и IE версий 4 и выше width = screen.width height = screen.height } else if (self.java) { // для Netscape3 var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } </script> Но мой уровень знаний JS позволяет написать только след. условие :write: <script language="javascript"> if (width > 1366 && height > 768) { document.writeln('Разрешение вашего монитора: ',width,'x',height)} else { document.writeln('Разрешение вашего монитора не определено')} </script> :( Прочитал, что для масшатабир. странице используется $(window).resize(); Помогите дописать условие ... Буду очень благодарен ! P.S И плж , не надо говорить что никто так не делает , это все функции браузера , нарушение юзабилити и тп Плж помогите , мне очень нужно ... |
Функция .resize() делает не то, что ты указал, а устанавливает обработчик события на изменение размеров окна (т. е. позволяет что-то делать тогда и только тогда, когда пользователь двигает мышкой окно браузера).
Условие: if (screen.height < 768 && screen.width < 1366) { // это значит что разрешение меньше, чем 1366x768, и по высоте и по ширине } Далее, то что тебе нужно - масштабирование окна. К сожалению, возможности использовать именно браузерный "масштаб" нет, однако можно изменять шрифт на странице или воспользоваться свойством css-transform. Второе позволит тебе просто уменьшить или увеличить страницу так, как пожелаешь, словно картинку. Подробнее здесь (тебе нужна функция трансформации scale). P. S. Атрибут language устарел, лучше писать так (html4): <script type="text/javascript"> или так (html5): <script> |
elnoro, благодарю ! Подправил и объяснил все доходчиво и подробно.
|
Часовой пояс GMT +3, время: 14:40. |