У меня есть устаревшее веб-приложение, которое было написано задолго до того, как появились даже мобильные браузеры, не говоря уже о адаптивном дизайне.Таким образом, все статично.
Я не могу изменить все аспекты страниц сайта.Например, я не могу изменить, чтобы основной контейнер был установлен на 900 пикселей с автоматическими полями.Но с помощью других выходных классов на стороне сервера я могу изменять биты здесь и там.Например, один класс создает элемент <div>
с другой вложенной разметкой, и я могу добавить встроенные стили и атрибуты к любой из этой разметки.Я также могу изменить заголовок включить в определенной степени.Итак, что меня интересует в опциях:
Прямо сейчас вся страница помещается в мобильном окне просмотра, делая текст крошечным.Могу ли я вместо этого увеличить для мобильных устройств?Я не против, если вы не видите весь контент, но по крайней мере шрифты имеют читаемый размер.Есть ли какой-нибудь CSS или метатег, который я могу использовать для увеличения по умолчанию?(хотя браузеры настольных компьютеров должны оставаться такими же, какими они всегда были)
Если у меня есть iframe на странице, скажем, шириной 320 пикселей, есть ли способ, который позволитмне автоматически сфокусировать этот iframe на загрузке страницы, чтобы он заполнил всю ширину моего мобильного видового экрана?
простой JavaScript - вариант (нет внешних библиотек, таких как jQuery);если это невозможно сделать с помощью тега или стиля, есть ли способ JavaScript, который я мог бы использовать?
Я извиняюсь за отсутствие примера кода ... Я, конечно, пыталсянесколько разных вещей со свойствами CSS, но неважно, что я всегда просматриваю уменьшенную полностраничную версию.