Обнаруживать страницу scalling

Question

Я пишу веб-страницу с Javascript. Я должен как-то работать с моими свойствами слоя DIV, ссылаясь на страницу scalling.

Как это сделать? Вы можете найти пример на странице apple. Попытайтесь масштабировать его и посмотрите на главное меню.

Answer 1

Вы должны использовать EM для всех ваших измерений, поэтому все ваши элементы будут масштабироваться (когда включено масштабирование только размера шрифта). Таким образом, вы можете измерить размер шрифта на элементах, чтобы знать, что изменение текста было изменено или нет.

Там нет никакого способа узнать, если страница была увеличена с помощью браузера или нет (как я писал, только если используется масштабирование текста)

вот workaroud: он будет работать только тогда, когда Font- размер увеличен

В принципе, если ширина в пикселе интересующего вас элемента не является базовым размером шрифта * ширина в них была увеличена.

Может быть, этот вопрос помогает: Catch browser's "zoom" event in JavaScript

Answer 2

EDIT: Я думал, что масштабирование означает изменение размера окна. Вы имели в виду увеличение и уменьшение, мое плохое.

---

Главное меню на сайте яблока фиксировано и не будет масштабироваться при изменении размера окна браузера. Если вы хотите иметь эту функцию, вы должны назначить для:

div { 
    width: %; //percentage value you want 
    min-width: px; //the minimum pixel value you want 
} 

Таким образом, он расширяется и уменьшается с шириной страницы, но сохраняет ширину мин для читаемости

Кроме того, с помощью em как font-size поможет сохранить динамический размер текста.

Answer 3

Вы столкнетесь с этим (или похожим) поведением практически на любом сайте. Havent проверил его в любых других браузерах, но here - это мой ответ на тот же вопрос, касающийся firefox.