Min

Хочу написать миксин для mediaqueries. Как думаете так будет норм по экранам? ширина от 320 по 480 - телефоны ширина от 720 по 768 -планшеты ширина от 1024 по 1200 - планшеты в горизонтальном ширина от 1280 - декстопы

напиши пару-тройку брейкпоинтов, потом добавишь еще, если понадобится

А может они и не нужны

от макета и реализации зависит

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

Всем добрый день! Сорри, чуть не по тему. Очень нуждаюсь на вашим совете по прием платежей на сайте. Основных способы оплаты на сайте по всему миру: -электронные кошельки -банковские карты Какой платежные системы лучше выбрать чтобы была минимальная документации при подключение? Я первый раз сталкиваюсь. Тех кто разбирает поделитесь опытом.

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

min-width?

ой нет

Спасибо, почитаю

я так понимаю речь идет об адаптивности?

ну да

ошибочка

Всем добрый день! Сорри, чуть не по тему. Очень нуждаюсь на вашим совете по прием платежей на сайте. Основных способы оплаты на сайте по всему миру: -электронные кошельки -банковские карты Какой платежные системы лучше выбрать чтобы была минимальная документации при подключение? Я первый раз сталкиваюсь. Тех кто разбирает поделитесь опытом.

робокасса

помучай медиа запросы

За вчера написал медиа запросов на 1900 строчек?

Я был в шоке, ведь это одностраничник

Добрый день, как используя background-size: cover; Сделать так что бы фон отображался по центру картинки

?!

background: url() no-repeat center / cover

Возможно тебе надо это

Не исключено) пойду попробую, спасибо

Нез)

что то я в прострации. весь блок переписывать.

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

Ребят, подскажите, почему отрабатывает media-запрос и делает элемент флексом, если в медиа чётко прописано, что он должен работать только до ширины 111rem . https://meinerdi.github.io/

Ребят, подскажите, почему отрабатывает media-запрос и делает элемент флексом, если в медиа чётко прописано, что он должен работать только до ширины 111rem . https://meinerdi.github.io/

кажется ты не очень понимаешь как работает max-width)

кажется ты не очень понимаешь как работает max-width)

странно, но на всех элементах что ниже, всё отлично работате, но только в этом блоке с запросами такая фигня) Подскажите куда копать?)

странно, но на всех элементах что ниже, всё отлично работате, но только в этом блоке с запросами такая фигня) Подскажите куда копать?)

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

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

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

Для медиазапросов

Для медиазапросов

размер для шрифта в html 60% точно плохая идея

62.5% . Rem как-раз 10px, и пользователь который увеличивает шрифт, получает то что нужно

Эт да сразу ему 16пх чтоб не думал много

62.5% . Rem как-раз 10px, и пользователь который увеличивает шрифт, получает то что нужно

А изначально он эти проценты всеравно из бразерных 16пх будет считать

Но при этом в браузере может быть и 18пх браузеров много у них разные стили изначально заложены

ёмаё, тоесть то что я делал с медиа-запросами использовав rem, оно всё считало от 16px, а не от моих 62.5% - 10px ?

ёмаё, тоесть то что я делал с медиа-запросами использовав rem, оно всё считало от 16px, а не от моих 62.5% - 10px ?

ты можешь точно это узнать

щас покажу

ребят. в общем это было не просто, но я сделала

ёмаё, тоесть то что я делал с медиа-запросами использовав rem, оно всё считало от 16px, а не от моих 62.5% - 10px ?

не все нормально

в будущем нужно ОБЯЗАТЕЛЬНО комментировать свой код. ибо полчаса ушло только на то, что бы найти что и где

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

не все нормально

то есть у меня по 10 px?

rem считается от корневого элемента, то-есть html

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

тоже сижу читаю)

This means that 1rem equals the font size of the html element (which for most browsers has a default value of 16px).

тоесть всеравно из бразерных стилей считает

я верно сказал

но ведь можно обнулить стили? или тут это не сработает?

не помню как называется :с

я верно сказал

да, посмотрел, у меня всё по 16px посчитало, несмотря на то, что я в корневом указал font-size: 62.5% . Печаленька, всё переделывать((

но ведь можно обнулить стили? или тут это не сработает?

можно обычно для этого нормалаз.ксс используется

там как раз прописан фонтсайз в пикселях

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

точно

да, посмотрел, у меня всё по 16px посчитало, несмотря на то, что я в корневом указал font-size: 62.5% . Печаленька, всё переделывать((

как я тебя понимаю

Кто сталкивался с проблемой на сафари при верстке на флексе? Родительский Флекс-элемент не чувствует своих потомков, как если бы его потомкам установили float

Сафари 9.1

Сафари 9.1

Баги в caniuse смотрел?

Баги в caniuse смотрел?

Пока нет. Ша гляну

в будущем нужно ОБЯЗАТЕЛЬНО комментировать свой код. ибо полчаса ушло только на то, что бы найти что и где

особенно остро это понимаешь когда ччерез полгода к нему возвращаешься что-то переделать )

у меня такая ситуация возникла через месяц. слишком. много. классов.

Сафари 9.1

сафари 9.1 нафиг поддерживать, это хлам

ERROR: S client not available

Сафари 9.1

префиксами для флексбокса можно всё пофиксить если что

Да я вроде добавил префиксы

-webkit там вроде, добавились?

там еще шотхенды не работали вроде, надо полностью писать flex-shrink: 0 и т.д.

Да я вроде добавил префиксы

посмотрел в старых gulpfile, я юзал дополнительно для autoprefixer раньше: 'ios >= 8', // for -webkit-flex prefix

но в реале просто не надо на старые сафари ориентироваться, все же обновляют ios/osx более/менее

-webkit там вроде, добавились?

Я в autoprefixer указывал 5 последних версий, и в него входила версия 9.1?

но в реале просто не надо на старые сафари ориентироваться, все же обновляют ios/osx более/менее

Самое смешное что этот баг я увидел на маке у брата? у которого эль капитан

ну у меня тоже эль капитан, но версия сафари 11.1.1 -- скажи ему, что обновляться иногда все же можно, вирусов нет )

https://jsfiddle.net/jp7v2bka/ Почему выводится одно и то же содержимое в попапе, и как сделать, чтобы оно выводилось правильно (в зависимости от нажатой кнопки)?

да, посмотрел, у меня всё по 16px посчитало, несмотря на то, что я в корневом указал font-size: 62.5% . Печаленька, всё переделывать((

я короче посмотрел но найти точного файла к сожалению немогу

но он там гдето точно есть

я короче посмотрел но найти точного файла к сожалению немогу

Ну лан, всё равно спасибо)

вот такой тестовой страничкой можно проверить

рут еще выше чем хтмл идет

Памагити а, ссылку на фиддл выше кидал

Ну лан, всё равно спасибо)

часть браузерных стилей можно посмотреть в файерфоксе по такой ссылке view-source:resource://gre-resources/html.css

часть браузерных стилей можно посмотреть в файерфоксе по такой ссылке view-source:resource://gre-resources/html.css

спасибо большое)

Памагити а, ссылку на фиддл выше кидал

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

хотя странно это все

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

Здравствуйте, я сразу с вопросом. У меня есть 2 блока внутри родительского. У родительского паддинг 50px. Как сделать чтобы дочерние заняли 100% площади, взяв одинаковую ширину и чтоб пространство между ними было 25px? И чтоб без флекса.

И без calc()

Почему такое условие ? А вообще, попробуй бокс сайзинг и второму элементу нужный отступ просто через nth child например, ну и ширину конечно прописать

Здравствуйте, я сразу с вопросом. У меня есть 2 блока внутри родительского. У родительского паддинг 50px. Как сделать чтобы дочерние заняли 100% площади, взяв одинаковую ширину и чтоб пространство между ними было 25px? И чтоб без флекса.

width:50% дочерним элементам и паддниг12.5пх справа левому слева правому

еее

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

У дочерних есть фон.. Паддинг не прокатит. Можно внутри блоки еще сделать, но.. Без этого всего, я так понимаю, не сделать..

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

А, хз

ну margin значит