Адаптивный шаблон и разрешение 320Х480

12 3
Anamnado
На сайте с 08.02.2010
Offline
242
2307

Переделываю свой сайтик, делаю адаптивный шаблон... Но что то я изначально так подумал и решил не заморачиваться с адаптацией под разрешение 320Х480 и меньше. Думал так, что на современных смартфонах с экраном 320 480 можно повернуть горизонтально.. и тогда уже будет 480х320..- а тут у меня всё нормально.. И так даже гораздо удобнее....

Cделал страничку и протестил ее в онлайн сервисах.. и вон многие сервисы фиксят косячёк на разрешении 320Х*** А сейчас вот что то думаю не ошибся ли я.. - можно в принципе исправить... Но вот вопрос знатокам - а нужно ли пыхтеть стараться для этого разрешения ? На сколько оно популярное ходовое ?

- Косячёк виден на скрине N2

- Cсылка на сайт в подписи.

Заодно готов принять адекватные советы рекомендации и любого уровня критику.... (Но только с учетом что не доделано еще - в процессе...)

jpg 180721.jpg
jpg 180723.jpg
totamon
На сайте с 12.05.2007
Offline
437
#1
Anamnado:
На сколько оно популярное ходовое ?

не знаю зачем вы нам все эти вопросы задаете? вы же студия, а информация вся открыта))

вот например от Hotlog, хотя видел на других сервисах и другие цифры < 1%... в любом случае нужно смотреть вашу статистику, может ваш сайт интересен людям с бюджетными смартами?))

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
VoV@
На сайте с 22.09.2007
Offline
196
#2
Anamnado:
Думал так, что на современных смартфонах с экраном 320 480 можно повернуть горизонтально.. и тогда уже будет 480х320..- а тут у меня всё нормально.. И так даже гораздо удобнее....

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

При ландшафтной ориентации экрана смартфона почему-то очень мало информации на экране помещается, особенно если встроены баннеры, картинки, видео и т.д.

Так что, думаю, лучше адаптировать для ширины 320px, а ещё лучше сразу плясать от этой ширины экрана.

⭐ Разработка Андроид-приложений (Xamarin C#). ⭐ Разработка ASP.NET (WebForms, MVC, WebAPI, Core). ⭐ Цой жив!
K
На сайте с 08.01.2019
Offline
11
#3

А какая проблема адаптировать эту страницу под ширину 320px? Там же у вас версия адаптации под самый маленький размер экрана, без проблем может быть подогнана под ещё меньшую ширину.

Адаптирую Ваш сайт под мобильные устройства. Нужно внести правки в вёрстку? Обращайтесь!
Anamnado
На сайте с 08.02.2010
Offline
242
#4
VoV@:
Плохо, что вы за своих пользователей решаете, как и что им удобнее.

Да, плохо. Но так делает практически каждый веб -мастер!

Kodmaster:
А какая проблема адаптировать эту страницу под ширину 320px?

Технических никаких - Честно если - " долго" и нудно ).

Делать себе за бесплатно это несколько иное чем заказчикам за деньги.....

Вот потому и тема здесь что в надежде что мне скажут подскажут что лишняя суета необязательна ))

VoV@:
Так что, думаю, лучше адаптировать для ширины 320px, а ещё лучше сразу плясать от этой ширины экрана.

Совет понятен . Но почему меня так гложет мысль, что человек с таким смартфоном очень мало вероятно полезет в интернет искать заказчика на создание сайта... .....

totamon:
вы же студия,

Я очень очень новичок в адаптивном дизайне....

Я вообще категорически против него - но деваться некуда, приходиться осваивать - тенденции ((

ps/ заказчикам делал - ставил минимальную ширину 600 - но там так не попадало - просто появлялся скролинг и все.. А тут вот попало что некраcиво отображается, пол экрана пустой ...... - вот и возник вопрос.. .. .. ..

Anarchist
На сайте с 23.07.2008
Offline
185
#5

Другими словами ты тут, чтобы тебе сказали "забей чувак, не делай нормально"?

Ок, возьму на себя эту ответственность.

Забей чувак, не делай нормально.

K
На сайте с 08.01.2019
Offline
11
#6

Так там по идее ничего сложного. Стучите в личку - помогу пока есть время)

Anarchist
На сайте с 23.07.2008
Offline
185
#7

Ну а вообще у тебя там задано следующее:

.wrapper { min-width: 500px } что уже не даст блокам поместиться в окне 320 по ширине

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

То есть, например, через медиа-запрос:

@media screen and (max-width: 500px) {

.wrapper { min-width: auto; }

}

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

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

M
На сайте с 04.10.2011
Offline
90
#8

Anamnado, 320 - это iPhone 5

И даже iPhone X - это "несчастные" только 375

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг - контакты в профиле... VPS от 5€ (https://gmhost.com.ua/?partner=10255)
Виталий
На сайте с 06.08.2012
Offline
92
#9
Anamnado:
Вот потому и тема здесь что в надежде что мне скажут подскажут что лишняя суета необязательна ))

Ничего делать не нужно. Конкуренты все сделают вместо вас. Отдыхайте от "нудоты".

melkozaur
На сайте с 06.04.2010
Offline
505
#10

Вы же адаптировали для 500 пикселей? Вот то же самое сделать для 300, подкорректировав. Вообще не вижу проблемы. Точно будет лучше, чем сейчас, когда экран явно не влезает.

Заказчики в любом случае будут попадаться и такие, кто с 5-6 устройств будет заходить, крутить их и требовать чтобы везде все было идеально (и это правильно), им тоже скажете, что долго и нудно? :)

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий