ну так они попадают в диапазон значений

код выложил на codepent

даже так https://codepen.io/rabbitbooks/pen/MXRLRz

ну так они попадают в диапазон значений

У iphone 6 размер тоже попадают в диапазон значений iphone 6+

Привет, ребята. Подскажите пожалуйста! Столкнулся с конфликтами Media Queries. Создал правила для iPhone устройств 5/6/6+/Х При переходе через user agent в браузере Chrome на устройство iPhone 6+ применяется правило для iPhone X В какую сторону копать?

исправляй media queries

даже так https://codepen.io/rabbitbooks/pen/MXRLRz

Ну там же ничего не изменилось?

А лучше — упрощать дизайн

То есть, для nav мне нужно использовать display: flex; ? А justify-content куда прописывать?

в стилях

Ну там же ничего не изменилось?

визуально то нет, конечно

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

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

Можешь подсказать как именно?

а так советую изучить тебе адаптивную верстку

Флексбоксы?

Флексбоксы?

да

да

А ещё что? vh, vw?

с бутстрапом слава богу не приходится работать. флексами так будет: wrapper {display: flex; flex-wrap: wrap} img-box {width: 50%} img-descr-box (то, что под изображениями) { width: 100% }. Дальше сам думай.

спасибо сейчас попробую

спасибо сейчас попробую

wrapper'у тоже определи ширину

wrapper'у тоже определи ширину

ок, спасибо большое за помощь

ок, спасибо большое за помощь

?

А ещё что? vh, vw?

ну относительные единицы изимерения это немного другое))

А ещё что? vh, vw?

grid

Привет Sherhan ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Kurzdor ?‍? ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Алиса ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Daniel ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Imperious ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет pc ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Ярослав ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Бефор или афтер

поясни

можно вырезать в фотогопе с png форматом

это да как картинку, а дивом как то возможно?

это да как картинку, а дивом как то возможно?

гугли "как сделать т реугольник css" и вставляй его псевдоэлементом

это да как картинку, а дивом как то возможно?

Бефор или афтер

есть даже генераторы всего этого

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

http://apps.eky.hk/css-triangle-generator/

в гугле напиши "треугольник в сss"

и таких вещей куча

Спасибо ребят за обратную связь!)

Anton так подскажешь?

Можешь подсказать как именно?

Ну это уже с вашим дизайнером, или кто у вас там за это отвечает — решать

А вообще, обычно, когда я делаю адаптив под мобилки — я просто беру и уменьшаю постепенно ширину страницы до минимума в браузере и пишу нужные стили, чтобы всё смотрелось нормально. Обычно, этого хватает с головой, и не надо писать кучу условий сложных на css

интересный вопрос))

А вообще, обычно, когда я делаю адаптив под мобилки — я просто беру и уменьшаю постепенно ширину страницы до минимума в браузере и пишу нужные стили, чтобы всё смотрелось нормально. Обычно, этого хватает с головой, и не надо писать кучу условий сложных на css

Я делал условия по документации Media Queries. Вопрос в том, почему они конфликтуют. Правила для iphone 6+ не срабатывают, вместо этого срабатывают для iphone X

Я делал условия по документации Media Queries. Вопрос в том, почему они конфликтуют. Правила для iphone 6+ не срабатывают, вместо этого срабатывают для iphone X

а как вы проверяете?

Ребят, accept="application/pdf" это я так понял разрешает выбирать файлы расширения pdf а как сделать так что б можно было только расширение tds?

прямо в этих мобилках смотрите?

Ребят, accept="application/pdf" это я так понял разрешает выбирать файлы расширения pdf а как сделать так что б можно было только расширение tds?

> расширение tds это что за файлы такие?)

> расширение tds это что за файлы такие?)

Содержит таблицу символов, используемых программой Borland Turbo Debugger. Создается при помощи редактора связей Borland и содержит данные, на которые ссылается программа во время работы процесса устранения неполадок. Turbo Debugger входит в состав Borland C++ Builder так же как и предыдущая версия программы разработки Borland.

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

Ааа, а я уж думал, в самих мобилках..

Сомневаюсь, что это вообще показатель

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

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

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

вариант про уменьшение ширины и оценку внешнего вида, самы нормальный

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

Сначала надо понять, как media queries работают, для начала.

ERROR: S client not available

Ааа, а я уж думал, в самих мобилках..

Стендик такой, под пол ляма)

На firefox вообще не применяются мобильные стили. В какую сторону копать, ребята?

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

Что, по-вашему, означает -webkit-min-device-pixel-ratio: 3?

Как только поймёте, сразу станет понятно, и это На firefox вообще не применяются мобильные стили

Что, по-вашему, означает -webkit-min-device-pixel-ratio: 3?

Соотношение между физическими и CSS-пикселями

Я делал условия по документации Media Queries. Вопрос в том, почему они конфликтуют. Правила для iphone 6+ не срабатывают, вместо этого срабатывают для iphone X

ты сделал чепуху, делай нормально и будет работать )

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ Я вот так делал

Как можно писать стили под Iphone 6+, если этого устройства нет под рукой?)

Используя специфические свойства в media queries, которые работают только на определенных устройствах?)

еще вопрос, как ему теперь бордер задать? Вот код;

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ Я вот так делал

March 10, 2010 -- типа норм думаешь? ))

position: absolute bottom: 303px left: 65px width: 0 height: 0 border-style: solid border-width: 0 18px 18px 18px border-color: transparent transparent #ffffff transparent

ищи генераторы с бордером

такое точно есть

March 10, 2010 -- типа норм думаешь? ))

Ну типа там есть правило для iphone X. По твоему они гадали когда писали статью?

Ну типа там есть правило для iphone X. По твоему они гадали когда писали статью?

по моему там сборник лютого бреда

Ну типа там есть правило для iphone X. По твоему они гадали когда писали статью?

айфон икс нет — а правила есть!

ору

Ну типа там есть правило для iphone X. По твоему они гадали когда писали статью?

объясни вкратце что хочешь сделать, я расскажу как, в двух словах

объясни вкратце что хочешь сделать, я расскажу как, в двух словах

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

Не имя этих устройств под рукой..

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

как ты их детектить будешь, в js? (криво-криво, но как-то можно) тогда решать надо в js

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

верстка не рассчитана на устройства, только на ширину viewport и dpr -- определяешь (тоже местами криво будет), и применяешь условия

верстка не рассчитана на устройства, только на ширину viewport и dpr -- определяешь (тоже местами криво будет), и применяешь условия

Спасибо. Покурю в этом направлении

а есть варианты? о чем речь непонятно

как называется модуль в котором при изменении в sass gulp заново бы перекомпилировал бы его?

как называется модуль в котором при изменении в sass gulp заново бы перекомпилировал бы его?

gulp обычно sass в css собирает