«увеличенные» параметры для мобильного браузера - PullRequest
0 голосов
/ 17 февраля 2012

У меня есть устаревшее веб-приложение, которое было написано задолго до того, как появились даже мобильные браузеры, не говоря уже о адаптивном дизайне.Таким образом, все статично.

Я не могу изменить все аспекты страниц сайта.Например, я не могу изменить, чтобы основной контейнер был установлен на 900 пикселей с автоматическими полями.Но с помощью других выходных классов на стороне сервера я могу изменять биты здесь и там.Например, один класс создает элемент <div> с другой вложенной разметкой, и я могу добавить встроенные стили и атрибуты к любой из этой разметки.Я также могу изменить заголовок включить в определенной степени.Итак, что меня интересует в опциях:

  • Прямо сейчас вся страница помещается в мобильном окне просмотра, делая текст крошечным.Могу ли я вместо этого увеличить для мобильных устройств?Я не против, если вы не видите весь контент, но по крайней мере шрифты имеют читаемый размер.Есть ли какой-нибудь CSS или метатег, который я могу использовать для увеличения по умолчанию?(хотя браузеры настольных компьютеров должны оставаться такими же, какими они всегда были)

  • Если у меня есть iframe на странице, скажем, шириной 320 пикселей, есть ли способ, который позволитмне автоматически сфокусировать этот iframe на загрузке страницы, чтобы он заполнил всю ширину моего мобильного видового экрана?

  • простой JavaScript - вариант (нет внешних библиотек, таких как jQuery);если это невозможно сделать с помощью тега или стиля, есть ли способ JavaScript, который я мог бы использовать?

Я извиняюсь за отсутствие примера кода ... Я, конечно, пыталсянесколько разных вещей со свойствами CSS, но неважно, что я всегда просматриваю уменьшенную полностраничную версию.

1 Ответ

1 голос
/ 17 февраля 2012

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

Просмотрите статью об адаптивном дизайне для мобильных устройств, если это поможет:

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

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