для работы

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

Не преувеличивай)

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

Берешь автопрефиксер и все робит как часы)

не совсем понял

причем он тут

он стоит у меня с галпом

Он все дыры закрывает, за которыми ты не в состоянии проследить

Ну вот, а что еще может пугать?

Он все дыры закрывает, за которыми ты не в состоянии проследить

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

Адаптив будет работать везде одинаково. а вот свойства нет. Медиа запросы - то одинаково обрабатываются

меня больше пугает другое, вот есть разрешение смартфона в заявленных характеристиках 720 х 1280, но как только с этого смарта я попадаю на страницу для теста своего разрешения, то он показывает 360 на 615 - разрешение браузера.

Это нормально?

может это связано с плотность ppi? для меня это загадка, пробел так сказать, я непонимаю и это пугает

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

А хз с чем это связано, но за 3 года верстки я с такими трудностями не сталкивался и все всегда было ок. И тестировали на разных устройствах. Самый правильный вариант, как по мне, сделать так чтобы ни на одном из разрешений ничего нигде не плыло. И опять же применять <picture> и точно все будет ок

велком бота нейтрализовали?

что ж разгадал загадку

А хз с чем это связано, но за 3 года верстки я с такими трудностями не сталкивался и все всегда было ок. И тестировали на разных устройствах. Самый правильный вариант, как по мне, сделать так чтобы ни на одном из разрешений ничего нигде не плыло. И опять же применять <picture> и точно все будет ок

можеши кинуть заголовок @media screen ...., где "...." памамер медизапроса

просто любой из своей практики

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

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

вот в этом вся херь

я тоже так использовал

а как надо

ща

@media screen and (max-device-width: 480px) - считает от разрешения экрана смартфона @media screen and (max-width: 480px)- считает от разрешения браузера

@media screen and (max-device-width: 480px) - считает от разрешения экрана смартфона @media screen and (max-width: 480px)- считает от разрешения браузера

Надо поковырять. Спасибо

Спасибо (+1) для @knuklus принято! Текущая карма +12

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

повторюсь юзаю только сетку + нормалайз

тогда нет смысла пользоваться бутстрапом

почему?

Гришину сетку возьми и не нагружай сайт

там что то намудрено нет времени вникать

Потому что там дохера js и сss

Потому что там дохера js и сss

эм, так сетка без js

Сss не мало там тоже

\ может покажусь нубом))) Но по секрету скажу что не совсем понимаю такое наличие классов col-lg, col-md и тд. Почему неьзя использовать только один класс и через медиа запросы изменять все какнужно?

ну естественно без нормалайз

Попробу. Гришкину сетку на чем нибудь мелком

пока серьезный проект, боюсь не ожиданностей

https://webformyself.com/bootstrap-4-obychnaya-setka-ili-flexbox/

вот кто хочет покурить альфу 4 бута с флексами

давольно занимательно

думаю намутить сасс, сконфижить его на подключение обфчной сетки и флексовой, и по необходимости выкл и вкл нужную

обычной сетки в бутсрапе 4 не осталось. теперь уже официально все на флексах и прекратилась поддержка 10го ишака

ага

проглядел код

Я уже год как все на флексах делаю, еще никто не жаловался. Флексы это круто, а еще скоро grid появится, вот тогда заживем

на самом деле попадаются кадры, которые жалуются. Они сидят на браузере сафари под виндой, который в 2012 году прекратил свою поддержку.

Такие бываю,но с ними можно побеседовать и пояснить, что давно пора обновиться

Такие бываю,но с ними можно побеседовать и пояснить, что давно пора обновиться

Объяснить что "в интернете кто-то не прав" )))

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

на самом деле попадаются кадры, которые жалуются. Они сидят на браузере сафари под виндой, который в 2012 году прекратил свою поддержку.

ну с флексами можно написать скрипт, что б выводил предупреждение если кто то заходит с сафари или страго iE

велком бота нейтрализовали?

алилуйя!

алилуйя!

уж очень вежлив был, подбешивал

уж очень вежлив был, подбешивал

Потому что на чистом js написан поди, был бы на епте написан, давно бы без мобильника сидел

ERROR: S client not available

привет, ребят можно ли как-то зафиксировать сайт, чтоб горизониального перемещения не было

оверфлоу по иксу хидден для боди сделай

лучше конечно найти где у тебя косяк и все будет хорошо и без оверфлоу

так и сделал, на главной нету гор переиещения, а когда подгружаю контент через ajax, появляется

дай ссыль на сайт

меня вот больше интересует не как это убрать, а как это сделать :)

меня вот больше интересует не как это убрать, а как это сделать :)

+

Ребят, а можно ли в чистом css задавать переменные со свойствами и значениями?

нет

Например: :root { --pad: padding: 100px; } div.parent { --pad; }

нет

Очень жаль

есть sass и less

с ними веселей

и правильнее)

Ребят, а можно ли в чистом css задавать переменные со свойствами и значениями?

в css нет, но во всяких там scss можно

а вон, тебе ответили уже даже

есть sass и less

А, это миксины... Вот теперь понял.

Всем привет

Привет

Вдруг кому пригодится http://brutalistframework.com/

Лучше уж материалайз тогда

Да что-то уж хардкорный какой-то дизайн. Не для сбабонервных)

брутальный ж

Явно кто-то поглумился)

Без комментариев)))

Интересно, сколько пива ушло на это?)

что то на альфе 6 бустрапа не получается сверстать ни хрена жесть

6? О_о