можно автоматически уменьшить масштаб, если разрешение пользователя <x? - PullRequest
9 голосов
/ 25 марта 2010

мой сайт нацелен исключительно на рынок ноутбуков (не спрашивайте почему или спорьте!), Все мои пользователи (или 95% +) у нас на экране шириной 1200+,

нетбуки теперь взлетают с разрешением 1024 в ширину.

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

Какие у меня варианты, кроме редизайна? Я не хочу, чтобы на моей странице были кнопки масштабирования.

есть ли javascript zoomer external? !!!

Ответы [ 3 ]

5 голосов
/ 25 марта 2010

Хотя это не решает ваш масштаб, вы можете попробовать небольшой трюк на основе CSS и относительного размера.

Если у вас есть изображение или контейнер шириной 100px, попробуйте установить его на 10em (или использовать значение em, пока не найдете подходящее значение). В конце концов, если вы сделаете это для каждого измерения, указанного на вашем сайте, вы сможете активно уменьшить страницу, изменив значение по умолчанию font-size. Например. от 1 до 0,91

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

Это может решить проблему без редизайна, но может быть сложным и потребует небольшого тестирования. То, как каскад таблиц стилей, немного уменьшая шрифт, элемент за элементом, может вызвать некоторые проблемы.

0 голосов
/ 25 марта 2010

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

0 голосов
/ 25 марта 2010
  • определить разрешение экрана через JS
  • применить соответствующий CSS

Ctrl + - это функция браузера, и вы никогда не должны полагаться на это.

попробуйте эту статью http://www.alistapart.com/articles/alternate/ или попробуйте гуглить "javascript switch css"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...