Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 10.08.2016, 20:18   #1
AlexKain
Пользователь
 
Регистрация: 25.09.2015
Сообщений: 50
По умолчанию Страница неправильно отображается на мобильном

Сверстал сайт http://www.alexsite.h1n.ru/kinobase/kinobase.htm
На компьютере при разных (до 320px) разрешениях все нормально. На дешевом планшете - тоже. А вот в телефоне (XPeria X10, android 2.3.3) отображается неправильно в обоих браузерах. причем один из них - тот же, что на планшете. И если пробдемы с градиентом еще можно понять, то из-за чего съезжает реклама фильма "Темный рыцарь" под "Обновления на сайте" - вообще без понятия. Посоветовали добавить
Код HTML:
<meta name="viewport" content="width=device-width,initial-scale=1"/>
. Стало отображаться немного по другому, но все равно неправильно. Так как это мой первый адаптивный макет (а всего третий), допускаю, что это что-то общеизвестное. Вот ссылка http://alexsite.h1n.ru/1/kinobase.htm такой же страницы, но с прикрученным изображением разрешения экрана - может, поможет
AlexKain вне форума Ответить с цитированием
Старый 13.08.2016, 02:09   #2
subMax
Новичок
Джуниор
 
Регистрация: 13.08.2016
Сообщений: 2
По умолчанию

Лучше делать responsive верстку, а не по старому "content" параметру. Результат точнее будет из-за max-width.
subMax вне форума Ответить с цитированием
Старый 15.08.2016, 17:08   #3
AlexKain
Пользователь
 
Регистрация: 25.09.2015
Сообщений: 50
По умолчанию

Цитата:
Сообщение от subMax Посмотреть сообщение
Лучше делать responsive верстку, а не по старому "content" параметру. Результат точнее будет из-за max-width.
"responsive" переводится как "отзывчивый". Но это и так отзывчивая верстка - с процентами, относительными единицами и контрольными точками. Указанная строка - "вишенка на торте" для корректного отображения на мобильном. В браузере ПК при том же размере окна все отображается корректно. Или что вы имели ввиду?
AlexKain вне форума Ответить с цитированием
Старый 15.08.2016, 22:11   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от AlexKain Посмотреть сообщение
В браузере ПК при том же размере окна все отображается корректно
Даже хромовый эмулятор не даст однозначного отображения. Хотя он крут + к нему можно подрубить реальную мобилу и он будет рендерить уже один в один через нее (знаю, что можно, хотя сам не делал, необходимости не возникало).

ps. я обычно еще запрещаю ресайз юзеру и на всякий устанавливаю макс/мин для скейла:
Код:
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
Alar, верни репу!

Последний раз редактировалось Naive; 15.08.2016 в 22:14.
Naive вне форума Ответить с цитированием
Старый 17.08.2016, 13:42   #5
AlexKain
Пользователь
 
Регистрация: 25.09.2015
Сообщений: 50
По умолчанию

Пока выяснил, что, во первых, мобильный браузер не понимает проценты (em понимает отлично), а во-вторых, не знаком с .classList (а с .className работает - пишу полифил)
А что за хромовый эмулятор? Ссылку можно?
AlexKain вне форума Ответить с цитированием
Старый 17.08.2016, 17:24   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Изображения
Тип файла: jpg mob.jpg (102.2 Кб, 171 просмотров)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 19.08.2016, 12:59   #7
AlexKain
Пользователь
 
Регистрация: 25.09.2015
Сообщений: 50
По умолчанию

Ясненько. Ну, я то при верстке Firefox использую...
AlexKain вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не отображается страница в третьем фрейме в Firefox AlexKain HTML и CSS 3 26.09.2015 11:18
неправильно отображается в браузере Ol'K@ PHP 3 22.12.2011 13:49
Неправильно отображается сайт zayabelka HTML и CSS 4 18.12.2011 22:12
Неправильно отображается страница форума! hon О форуме и сайтах клуба 2 16.07.2011 13:27
Страница не отображается muxer Общие вопросы Delphi 0 11.04.2009 12:25