Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
175 / 163 / 19
Регистрация: 18.02.2010
Сообщений: 1,603
1

Дефолтная ширина для мобильников при адаптивной верстке

15.07.2016, 15:00. Показов 405. Ответов 4
Метки нет (Все метки)

С одним человеком у нас возник разговор - он утверждал, что ему в макете достаточно ширины 400px, я ему говорю - как это, ведь дефолтная минимальная ширина мобильников 320px, он говорит мне - что ничего страшного, в адаптивном дизайне телефоны все масштабируют под свой экран.

Собственно у меня возникло 2 вопроса из этого разговора:
1) Как они масштабируют что либо со строкой в шапке:
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
которая по сути и обозначает, что это дизайн именно адаптивный а не, для автомасштабирования мобильными устройствами?

2) Какая, по вашему мнению, дефолтная минимальная ширина при адаптивном дизайне? Ну и в догонку какая максимальная, а то я всех дизайнеров заставляю мне фоны под 1900px делать, может это не правильно, надо больше?


снизу приложил скрин, который показывает, что довольно таки много устройств с шириной 320px.
0
Миниатюры
Дефолтная ширина для мобильников при адаптивной верстке  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
15.07.2016, 15:00
Ответы с готовыми решениями:

При адаптивной верстке получаеться что ширина экрана не 480х800, а 320х 533 Как с этим бороться?
При адаптивной верстке получаеться что ширина экрана не 480х800, а 320х 533 Как с этим бороться....

Aside при адаптивной верстке
Здравствуйте. При сужении экрана надо чтобы один блок из сайдбара переместился над блоком контента,...

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

Высота блока при адаптивной верстке
Всем мир. Страница с 4 блоками в ряд. При мобильной версии возникает такая хня (скриншот). Задать...

4
Эксперт по компьютерным сетямЭксперт NIX
12182 / 7058 / 716
Регистрация: 09.09.2009
Сообщений: 27,604
15.07.2016, 15:03 2
Цитата Сообщение от Mailo Посмотреть сообщение
ведь дефолтная минимальная ширина мобильников 320px
видал я девайсы и с 240рх...
0
332 / 308 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
15.07.2016, 17:12 3
Минимально 320px , возможно ваш человек, имел ввиду, что ничего страшного, и на 320 все будет смотреться хорошо, так как может быть вариант что просто все резиновое, картинки пропорционально изменяться, текст перенесется и все...
0
Модератор
Эксперт JSЭксперт HTML/CSS
3613 / 2528 / 1489
Регистрация: 12.07.2015
Сообщений: 6,481
Записей в блоге: 4
15.07.2016, 18:41 4
Вот, есть статистика разрешений: statcounter и w3counter
0
175 / 163 / 19
Регистрация: 18.02.2010
Сообщений: 1,603
16.07.2016, 02:00  [ТС] 5
Dmitry, да есть, но скорее всего они появились до появления концепции адаптивного дизайна и на них ни то что масштабирование не работает, на них даже адаптивные инструкции не имеют силы. Например мой старенький HTC Touch Diamond с windows mobile на борту.

aj17, как я понял есть 2 варианта:
1) это масштабируемость средствами мобильных устройств и соответственно верстка под эти нужды.
2) Инструкция:
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
которая все устройства приравнивает к условной пиксельной ширине, отрубает масштабируемость и под которые верстальщик прописывает поведение блоков средствами медиа запросов.

Вот собственно для меня и не понятен вариант моего собеседника, который говорит масштабировать с 400px до 320px в адаптивной верстке = с инструкией
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
, которая по сути масштаб отключает.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.07.2016, 02:00

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как управлять расположением блоков при адаптивной верстке ?
Есть 3 блока, они все стоят в ряд. При ресайзе на определенное разрешение нужно взять центровой...

Ширина таблицы в адаптивной верстке
Как сделать ширину таблицы, которая вставляется в материал с помощью html кода определённой ширины,...

Одинаковая высота 2-х каруселей при адаптивной верстке
Всем привет! Ребята подскажите, пожалуйста, как сделать одинаковую высоту двух каруселей на...

Как убрать элемент при клике на телефоне при адаптивной верстке?
Здравствуйте!Делаю сайт, и при адаптивной верстке,для телефона, мне надо, чтобы при нажатии на...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.