$(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, время: 02:03. |