Я пытаюсь адаптировать свой сайт для мобильных телефонов, и к настоящему времени я совершенно дезориентирован.
У меня есть 2 тестовые страницы, t3.html и t4.html.
Первый (t3) без заголовка и нижнего колонтитула, кажется, соответствует ширине экрана в реальных iPhone и HTC, но не в моем мобильном эмуляторе Opera для Samsung Galaxy или HTC и не в моем эмуляторе iPhone (¿3?).
Второй (t4) с верхним и нижним колонтитулом (что я действительно хочу иметь) расширяет заголовок и нижний колонтитул и сохраняет узкую форму и крошечные шрифты для основного контента, это происходит в реальном iPhone, HTC и в моем эмуляторе Opera Mobile, а не в эмуляторе Iphone (¿3?).
Дело в том, что, если я не забыл ни одного, не заданы никакие свойства ширины (кроме входных данных и меток формы, которые имеют ширину около 200 пикселей), поэтому все элементы div должны охватывать ширину экрана устройства, или это что я думаю.
Примеры:
http://s380890671.mialojamiento.es/mobile/t3.html
http://s380890671.mialojamiento.es/mobile/t4.html
Моя цель - чтобы экран мобильного телефона соответствовал всему. Можете ли вы помочь мне или указать хорошую и актуальную статью о мобильном дизайне? Те, кого я нашел, несколько лет.
Спасибо