Комментарии 12
Шёл 2020 год, ввели железное центрирование. Спасибо, CSS, что ты у нас есть.
Неплохо было бы указывать поддержку браузеров тут.
Потому что все эти фэнси-шменси штуки круто выглядят на видео, но не у пользователя в смартфоне/планшете на Safari и/или no name китайском браузере, не говоря уже, что и Опера, не смотря на хромоский движок под капотом, не всегда корректно работает с css и js…
Потому что все эти фэнси-шменси штуки круто выглядят на видео, но не у пользователя в смартфоне/планшете на Safari и/или no name китайском браузере, не говоря уже, что и Опера, не смотря на хромоский движок под капотом, не всегда корректно работает с css и js…
вы где то в 98м застряли…
position:sticky
Всё что на Хроме не поддерживает полноценно. А это половина рынка браузеров.
content-visibility
не поддерживается ничем, кроме Хрома.
WEB-RTC тоже пока туго работает
box-decoration-break
clip-path
CSS маски
color-adjust
в 98м всё было как раз таки гораздо проще.
Написал всё под Internet Explorer или Netscape и всё.
При чём всё было просто и легко.
Всё что на Хроме не поддерживает полноценно. А это половина рынка браузеров.
content-visibility
не поддерживается ничем, кроме Хрома.
WEB-RTC тоже пока туго работает
box-decoration-break
clip-path
CSS маски
color-adjust
в 98м всё было как раз таки гораздо проще.
Написал всё под Internet Explorer или Netscape и всё.
При чём всё было просто и легко.
Всё что на Хроме не поддерживает полноценно. А это половина рынка браузеров.
Это было лет 5 назад. Сейчас хром больше 65% + 15% сафари с примерно такой же поддержкой.
И зачем писать о свойствах которых не было в статье? Флексы, гриды и clamp все нормальные браузеры поддерживают. За aspect-ratio написано, что экспериментальный.
Вопрос про
«grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));»
Если много элементов работает как надо.
Если так получилось что 1 элемент и огромный монитор, то элемент растягивается на весь экран.
Вопрос таков: как сделать «если элементов 1, то работать как будто с 4 колонками. Но если элементов много, то работать как на видео.»
«grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));»
Если много элементов работает как надо.
Если так получилось что 1 элемент и огромный монитор, то элемент растягивается на весь экран.
Вопрос таков: как сделать «если элементов 1, то работать как будто с 4 колонками. Но если элементов много, то работать как на видео.»
Господа знатоки, подскажите, где можно подсмотреть структуру разметки документа для личного блога, чтобы такой документ легко съедался условным гугл ампом, инстант вювером в телеграмме и т.д. Спасибо.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
10 современных раскладок в одну строку CSS-кода