Инструменты разработчика Chrome, дающие разные размеры одному и тому же мобильному эмулятору

Revels

Я добавляю страницу в мобильное приложение.

Сайт отзывчив, но при просмотре этой конкретной страницы я использую макет, который не включает верхние и нижние колонтитулы, но все таблицы стилей, js, одинаковы.

Это самое простое. Когда я просматриваю страницы в Chrome, они выглядят совсем по-другому. Моя версия приложения: Моя адаптивная версия:

Когда я смотрю на вычисленные стили для тега , я получаю следующее приложение: отзывчивое: Итак, моя первая большая проблема, которую нужно решить, заключается в том, почему Chrome считает, что одни и те же настройки телефона имеют такой разный размер? Это ошибка в Chrome? (редактировать: тьфу, похоже, это Chrome. Firefox работает хорошо) Что-то ненормальное в моем коде?

Alexander Tumovsky

Я использую чужой дизайн, но по ходу конвертирую px в em. Я мог видеть, что эмулятор показывал правильный макет для обнаруженного размера, но ошибался в размере.

Сначала я думал, что CSS неправильный, но когда я просмотрел инструменты разработчика, я понял, что с CSS все в порядке и что сломан эмулятор. Буду рад отправить ссылки в сообщении.

hitman30975

лол, Javascript изначально отсутствовал, но был добавлен, когда пытался разобраться в этом.

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

К сожалению, тематика этого сайта была изменена в 2014 году, и в ближайшее время у нас нет средств, чтобы сделать это снова.

Я работаю на них больше часов, чем могу выставить счет, поэтому не собираюсь бросать им халяву. Похоже, проблема заключалась в области просмотра, которую я совершенно упустил из виду — спасибо, что заметили!

wude

Вы имеете в виду, что ожидаете, что адаптивные представления FF будут соответствовать представлениям Chrome? Вряд ли в этом мире.

ИМХО, они годятся только для быстрых приблизительных проверок.

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

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

Diamant1

На самом деле я недавно забыл то же самое в одном из моих собственных примеров создания вещей для небольших дисплеев - случается с лучшими из нас.

Это действительно странно, как если вы опустите область просмотра META, мобильные браузеры (и некоторые эмуляторы) пройдут и изменят ВСЕ ваши размеры шрифтов волей-неволей, БЕЗ того, чтобы делать это последовательным образом! Вы можете объявить 16px или 1EM для двух разных наборов элементов, и он просто будет делать все, что хочет.

Почему поведение без области просмотра вообще является чем-то непонятным — оно бесполезно даже на сайтах, не предназначенных для мобильных устройств.

mr.wallker

Мне нужно было бы увидеть код, но я подозреваю, что сам вопрос ошибочен.

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

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

Есть причина, по которой я предпочитаю создавать триггеры адаптивного макета в EM, основываясь на потребностях контента, а не на каком-то заранее определенном произвольном разрешении какого-либо конкретного устройства.

Работаете ли вы с шириной в EM как добрый маленький дурак? Вы поверили в ЛОЖЬ о том, что REM готов к промышленному развертыванию? Ваши медиа-запросы ТАКЖЕ в EM, как и должно быть? Как выглядит МЕТА вашего окна просмотра?

Как мод, который вы уже должны знать, никакого кода == «Вот почему мы не можем вам помочь»

Тем не менее, в 99% случаев, если FF работает хорошо, а Chrome — нет, вы сделали что-то неправильно, например, разработали для FF неверные методологии.

taraskovtun

Возможно, я туповат, ведь сейчас выходные, но показанные вами расчетные значения находятся в ожидаемых диапазонах. В адаптивном режиме Firefox не выдаст фактические значения для созданный просмотры страниц.

Если вы перетащите ширину, вы получите фактические значения. Я не могу протестировать Chrome, потому что 1) мне действительно не нравится его пользовательский интерфейс и 2) я удалил его из своей системы, потому что он взломал некоторые мои настройки.

Мне не нравятся невежливые приложения или операционные системы. Тем не менее, я вообще в теме? Гэри

Похожие темы	Дата
у кого есть пустой шаблон cd диска?	19.10.2024, 18:10
Совет по простому скрипту классификации	19.10.2024, 18:10
Помощь! (Открыть новую функцию «страница» в HTML)	19.10.2024, 18:10
Альтернатива дизайну страницы со 100% высотой области просмотра в альбомном режиме для мобильных устройств.	19.10.2024, 18:10
Ответ на все проблемы веб-разработки	19.10.2024, 18:10
В последнем сообщении не будет отображаться избранное изображение на сайте WordPress (показанное изображение включено).	19.10.2024, 18:10
Выравнивание DIV расширяется по мере продвижения	19.10.2024, 18:10
Сайт с интерактивной таблицей (и диаграммами)	19.10.2024, 18:10
В чем суть блоггерства?	19.10.2024, 18:10
Как стать успешным блоггером: советы начинающим	19.10.2024, 18:10

Инструменты разработчика Chrome, дающие разные размеры одному и тому же мобильному эмулятору

Revels

Alexander Tumovsky

hitman30975

wude

Diamant1

mr.wallker

taraskovtun

I AM

Интересно