2012-02-17 3 views
0

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

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

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

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

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

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

ответ

1

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

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

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

+0

Спасибо, что нашли время, чтобы ответить, DAV. Увы, я не могу вставлять медиа-запросы и вообще не могу напрямую изменять файлы CSS. На данный момент я могу добавлять стили только в строгих строках. –

+0

попробуйте добавить стили, используя javascript. Если вы не можете, вы также можете использовать! Важно сразу после того, как вы позвоните в свой встроенный стиль. Расскажи мне, как это происходит. – dav

+0

Результаты были относительно неудовлетворительными, но это не ваша вина; ограничения, с которыми я столкнулся, были слишком строгими. Чтобы получить хотя бы часть того, что я хочу сделать, мне действительно нужно добавить некоторые стили с javascript, так что я продолжу и соглашусь с этим ответом. ;-) –