Вопрос по верстке для смартфонов и ширине
92 повідомлення
#13 років тому
Здравствуйте.Есть ли кто с большим опытом в верстке для мобильных устройств?
Верстаю набор страничек. Содержимое везде одинаковое:
- картинка в шапке;
- пару строк текста;
- формуляр;
- кнопка.
Начало документа выглядит вот так:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Затем была прописана эта важная строчка:
<meta name="viewport" content="width=310, user-scalable=no" />
Таким образом на iPhone содержимое отмасштабировано на 310px по ширине и отключена возможность менять масштаб (зум). То же самое в Опере и FF на смартфоне HTC DHD.
Причем, при переключении в горизонтальное положение, контент также растягивается на всю ширину экрана.
Див-"обертка" у меня имеет такой CSS (на всякий случай, чтобы все было одной ширины):
max-width:310px;
А вот стандартные браузеры от HTC DHD и Galaxy S (другие смартфоны не тестировал, нет возможности) показывает страницу в колонке в 310 пикселей и не заполняет содержимое по всему экрану. Зумить при этом также можно, что не есть хорошо. Получается игнорирует он эту строку?
В качестве решения можно было бы убрать фиксированную ширину, но картинка в шапке имеет также 310 пикселей в ширину. И получается еще хуже.
Кто-нибудь может помочь с решением? Как отключить зум в стандартном браузере в HTC и Galaxy S и заставить показывать контент на всю ширину экрана?
Пробовал прописать, но толку ноль:
<meta name="viewport" content="width=device-width, user-scalable=no" />
Ну или может кто-то знает ресурс, на котором на этот вопрос быстрей ответят?
92 повідомлення
#13 років тому
Цитата ("msdn11"):Так
посилання
или на пхп выясните ширину экрана с помощью wurfl
спасибо, но указание ширины девайса я уже пробовал, писал ведь выше. wurfl уже смотрел, но не подходит по некоторым причинам.
Цитата ("h4mpy"):
http://getskeleton.com/
Спасибо за ссылочку. В плане CSS нашел пару интересных вещей.