еще bluehost неплох. У меня несколько около-энтерпрайз проектов там хостятся, вроде никто не жаловался, хотя и индия

Ребят! вопрос по поводу @media. Кто какими размерами мин-макс-видз пользуется для смартфонов(планшетов)??? давно адаптив не юзал в гугл годноты не нашел

Ребят! вопрос по поводу @media. Кто какими размерами мин-макс-видз пользуется для смартфонов(планшетов)??? давно адаптив не юзал в гугл годноты не нашел

И где можно почитать какие-то туториалы по использованию @media? Ну вот чтобы прям как для умственно отсталых было написано.

И где можно почитать какие-то туториалы по использованию @media? Ну вот чтобы прям как для умственно отсталых было написано.

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

Ребят! вопрос по поводу @media. Кто какими размерами мин-макс-видз пользуется для смартфонов(планшетов)??? давно адаптив не юзал в гугл годноты не нашел

я когда верстал то делал 992 -768 -640 - 480 -320

я когда верстал то делал 992 -768 -640 - 480 -320

спасибо

покрывал оч много девайсов)

а 992 на каких девайсах?

// Breakpoints $xl: 1200px $lg: 992px $md: 768px $sm: 576px $xs: $sm - 1px

помойму у бута все подобрано уже давным давно в этом плане

Блин, почему из люстры можно экспортировать в PSD, а PSD не даёт в люстру?

от региона и источника трафика сильно зависит разрешение

сейчас из за плотности эранов, решение что то наподобие media all screen and (max-width : 1200px)

не прокатит

точнее прокатит но будет работать не корректно

@Joe_Beretta , у меня такие

Забудьте о брейкпоинтах 360/768/1024/1280. Их используют в массе - но проблему адаптивности наилучшим образом они не решают. Как насчет 300/600/900/1200? Вот это - реально годные значения. Дэвид Гилбертсон - объясняет суть проблемы и плюсы решения: - Читайте оригинал (англ): https://medium.freecodecamp.com/88d6a5ba1862 - Или перевод (рус): http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html

хм интересно)

просто я уже давненько не верстал и перестал следить за трендами

занимательная статья

http://prntscr.com/emm2ma

У меня опять та же проблема.

gulp-notify: [Error running Gulp] app\sass\main.sass Internal Error: Invalid UTF-8

Я весь main прочесал — ничего подозрительного

node_modules переустанавливал

даже gulp-sass-unicode поставил

http://prntscr.com/emm2ma

но стоит ли разбивать на типы устройств?

я не разбиваю. у меня +breakpoint(600px) foo: bar +breakpoint(900px) bar: baz

медиа запросы из статьи не решат текущию ситуцию со смартами, когда в портретном варианте нужен к примеру 1 столбец а в альбомном 2

на планшете в альбомном 3

на на десктопе 4 столбца

хотя с декстопом еще ладно прокатит

а такая проблема разве есть? ?

есть поверь

портрет альбом - вот это все

а есть пример, где это как-то решено?

написать пример который сломает всю логику?

или наоборот - где не решено

и проблема видна явно

и проблема видна явно

ох как ты заблужаешься))

заблуждаюсь в чем?

смотри есть смартфон 1280 на 720 пикселей, напиши мне пример медиа запроса что бы в альбомном было 2 столбца а в портретном один столбец с контентом

зачем мне делать это? ?

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

так какую проблему то?

проблемы ведь нет

так какую проблему то?

написать всего лишь медиа запрос))

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

зачем писать медиа запрос, если проблема еще не ясна? вы понимаете, что я хочу от вас услышать? ?

зачем писать медиа запрос, если проблема еще не ясна? вы понимаете, что я хочу от вас услышать? ?

Гугли, мужик

зачем писать медиа запрос, если проблема еще не ясна? вы понимаете, что я хочу от вас услышать? ?

ну ок

/* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){} /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){} /* Small Devices, Tablets */ @media only screen and (max-width : 768px){} /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){} /* Custom, iPhone Retina */ @media only screen and (max-width : 320px){}

вот охват по брек поинтам из бустрапа

если расписать контент под них, почему на смартфоне с разрешением в 720 на 1280 как в портретном так и альбомном варианте все отображается в одну колонку?

ваши дествия.

надеюсь ясно изложил проблему

ну можно ONLY заменить на ALL

Но проблема остаеться, почему и как ее решить

две колонки у вас где, в Extra Small Devices, Phones?

напишите, где у вас сколько колонок, например: до 320 - одна до 480 - одна до 768 - две до 992 - три до 1200 - четыре после 1200 - четыре

две колонки у вас где, в Extra Small Devices, Phones?

пусть будут 2 колонки в запросе @media only screen and (min-width : 1201px){}

а зачем вам две колонки для такого гигантского дисплея?

просто решите задачу

вот хочеться мне 2 колонки для такого эрана, это прихоть заказчика и точка

а, окей, тогда пишете медиа запросы и получаете, что хотите

а, окей, тогда пишете медиа запросы и получаете, что хотите

)) спасибо супер решение

ERROR: S client not available

??

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

я долго не мог понять почему с экраном 720 на 1280, то есть когда смартфон в альбомной ориентации, в нашем случае ширина 1280пх, у меня на смартфоне упорно одна колонка, хотя запрос явно диктовал 4 колонки под такое разрешение?

ностатья хорошая, от туда есть что подчерпнуть.

медиа запросы из статьи не решат текущию ситуцию со смартами, когда в портретном варианте нужен к примеру 1 столбец а в альбомном 2

о, я думал мы от этого толкались

а оказалось, что проблемы действительно нет, и весь диалог - какая-то странная многоходовочка, чтобы рассказать о retina и уменьшенных вдвое размерах экрана ?

а оказалось, что проблемы действительно нет, и весь диалог - какая-то странная многоходовочка, чтобы рассказать о retina и уменьшенных вдвое размерах экрана ?

нет

у меня андроид

? и?

https://shop.huawei.ru/honor-4c/specification

вот телефон

кстати, 300/600 - это стандарт в имейл маркетинге, но там другие причины. А делать 100500 точек на которых меняется число колонок - это конечно интересно, но потом на практике оказывается, что трафик с планшетов меньше 1%, 80% пользователей идут с десктопов, а из тех, кто остались, больше половины - это 360х640. Вот и проектируй адаптивность.

кстати, 300/600 - это стандарт в имейл маркетинге, но там другие причины. А делать 100500 точек на которых меняется число колонок - это конечно интересно, но потом на практике оказывается, что трафик с планшетов меньше 1%, 80% пользователей идут с десктопов, а из тех, кто остались, больше половины - это 360х640. Вот и проектируй адаптивность.

а не нужно делать кучу медиа запросов

и ваш Honor 4C, видимо, попадает в эту категорию

разрешение эрана определяеться с точностью до пикселя, если зайти со смартфона на какой нибудь ресурс по определению разрешения

проблема в том, что оно по факту должно быть уменьшено, в 2 раза например, но производители это не проконтролировали

При таком раскладе, думаю, оптимальный вариант - забить. Не ваша это ответственность, как верстальщика. Этим должны заниматься либо производители - ответственнее подходить к назначению dppx, либо браузеры, определяя нативными средствами density у устройства, и подстраивая dppx

проблема в том, что оно по факту должно быть уменьшено, в 2 раза например, но производители это не проконтролировали

если зайти со смарта на какой нить ресурс, то там определяеться разрешения смартфона 720 на 1280 и разрешение браузера которое в двое меньше за счет dppx

к чему я так долго и упорно виду

а, то есть в медиа запросах у вас ширина таки 360 на 640, а не 720 на 1280?

да, в медиа запросе, поскольку разрешения браузера у меня 360 на 640, то у меня все в одну колонку

Но, к чему я все это затеял, как быть? не ужели читать ттх к каждому смартфону?

может быть весь секрет в модификации медиазапроса?

.pipe(sass({outputStyle: 'expanded', includePaths: require('node-bourbon').

Это ты в какой таск засовывал, напомни? стилей же?

может есть способ не равняться на разрешения браузера?

да, в медиа запросе, поскольку разрешения браузера у меня 360 на 640, то у меня все в одну колонку

то есть у вас в итоге - все нормально? ? столько времени переливаем из пустого в порожнее

ушел работать

Это ты в какой таск засовывал, напомни? стилей же?

http://prntscr.com/emn62j

http://prntscr.com/emn62j

Не, я про другое

Уже нашёл)

ушел работать

эх... ну ладно