CSS-сброс

Так как все браузеры могут отображать сайты не так как ты его стилишь используют такую вещь как CSS-сброс для адаптации под все браузеры и мобильные устройства 

Кто то уже применял к своим проектам CSS-сброс ? 

И какой именно вы используете? 

Кто то уже применял к своим проектам CSS-сброс ? 

И какой именно вы используете?

Системный… Абстрактный счётчик

Или не подходит?

Увеличить абстрактный счетчик на 1, затем (Если включены) очистить кэш «Объединять CSS-JS файлы»...

Кто то уже применял к своим проектам CSS-сброс ? 

И какой именно вы используете?

Системный… Абстрактный счётчик

Или не подходит?

Увеличить абстрактный счетчик на 1, затем (Если включены) очистить кэш «Объединять CSS-JS файлы»...

Вы сейчас об чистке кэш говорите . 

Вы сейчас об чистке кэш говорите . 

Да, ошибся, подумал Вы об этом… Но если об именно сбросе, типа:

bookflow.ru/sovremennyi-sbros-stilej-css/

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

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

Если ваши стили пилил мало-мальски понимающий дело человек, этот «сборос» в том или ином виде у вас уже применяется.

Не понятно, что именно вообще интересует ТС… Выбор между  reset.css или normalize.css? Или как в примере выше создание собственного файла сброса?

А так… можно и файл my.css со всеми !important считать в каком то смысле сбросом..

ЗЫ: В 1-й ветке использовался reset.css… но сейчас (в бутстрап) этот вопрос разве актуальный? Там свой «сброс»...

А так… можно и файл my.css со всеми !important считать в каком то смысле сбросом..

Не, то другое

но сейчас (в бутстрап) этот вопрос разве актуальный? Там свой «сброс»...

И в 4-х и в 5-х они и используют упомянутый вами normalize.css

ИМХО, не надо усложнять, какая конкретная необходимость использовать это? Олег Васильевич я — правильно сказал, для Bootstrap, это есть. Да и не важно, начальный каркас задан, если используется Бутстрап и мы пишем «опираясь» на него. Ничего дополнительного с ним смысла нет делать.

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

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

Конкретно для ul и ol наверное. А если они нужны будут, мне зачем 0 делать то? Далее, современные браузеры, с ними куда лучше дела обстоят, чем раньше.  И не стоит штуки разные добавлять лишние, которые через неделю мы забудем, но они откликаться будут пока на сайте находятся. Есть Bootstrap, с ним и работать, по возможности своё меньше добавлять, в Bootstrap всё есть на самом деле.

ИМХО, не надо усложнять, какая конкретная необходимость использовать это? Олег Васильевич я — правильно сказал, для Bootstrap, это есть. Да и не важно, начальный каркас задан, если используется Бутстрап и мы пишем «опираясь» на него. Ничего дополнительного с ним смысла нет делать.

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

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

Конкретно для ul и ol наверное. А если они нужны будут, мне зачем 0 делать то? Далее, современные браузеры, с ними куда лучше дела обстоят, чем раньше.  И не стоит штуки разные добавлять лишние, которые через неделю мы забудем, но они откликаться будут пока на сайте находятся. Есть Bootstrap, с ним и работать, по возможности своё меньше добавлять, в Bootstrap всё есть на самом деле.

Ну вот у меня есть сайт, на компе на всех браузерах норм отображается, а в телефонах например по разному. Молчу вообще про айфон в целом, там не важно какой браузер, а в Андроиде на планшетах например Самсунг Галакси  вообще все плывет. начиная от фона заканчивая элементами 

Ну вот у меня есть сайт, на компе на всех браузерах норм отображается, а в телефонах например по разному.

Так и надо заняться адаптацией… Причем здесь сброс CSS...

Молчу вообще про айфон в целом, там не важно какой браузер, а в Андроиде на планшетах например Самсунг Галакси  вообще все плывет. начиная от фона заканчивая элементами 

Шаблон на основе Модерна или Дефолта? 

Например на Модерне, так как вы описываете, надо сильно постараться, что бы так стало))

Например на Модерне, так как вы описываете, надо сильно постараться, что бы так стало))

На модерне сайт на старых браузерах расплывается по полной программе.

Я поимел кучу проклятий от пользователей сайта после перехода на шаблон модерн и долгое время латал карму алкоголем. 😁

Решение нашлось как-то случайно и было следующим:

Дописал в \templates\modern\scss\theme\_custom.scss

.h-100 {
height: auto !important;
}

Потом панель управления — Настройки — Настройки темы — Скомпилировать и сохранить.

И все картинки в оформлении с форматом wepp, увы, пришлось заменить на png. Старые браузеры wepp не понимают.

И сразу все пользователи с олдбраузерами отчитались, что у них всё хорошо.

На модерне сайт на старых браузерах расплывается по полной программе.

И причём здесь «сброс» стилей?

Дописал в \templates\modern\scss\theme\_custom.scss

Уверен на 100% «сброс» не назначал стилей правилу с каким-либо селектором (не только h-100, а вообще с любым)

И все картинки в оформлении с форматом wepp, увы, пришлось заменить на png. Старые браузеры wepp не понимаю

Я так понимаю, что wepp на самом деле webp? В принципе, не важно: и к форматам изображений «сброс», применяемый в бутстрапе-4-х (в текущей версии модерна — 4.6.0) не имеет малейшего отношения.

И причём здесь «сброс» стилей?

Что вообще за «сброс» такой? 

Я так понимаю, что wepp на самом деле webp?

Правильно понимаете.

Топикстартер пытается бороться, сам не знает с чем, магическим сбросом.

Я выдал рекомендацию, как я боролся самнезнаюсчем и борьба увенчалась успехом.

 Ris, если среди ваших посетителей много юзающих совсем уж старые браузеры, подключайте скрипты, которые помогут этим браузерам понять вашу страницу лучше. Код есть в старших версиях дефолтного шаблона:

<!--[if lt IE 9]>
        <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/livingston-css3-mediaqueries-js/1.0.0/css3-mediaqueries.min.js"></script>
    <![endif]-->

Это, правда, только для IE. Если нужно подключить и для других старичков, проверяйте $_SERVER[‘HTTP_USER_AGENT’]. Можно воспользоваться: get_browser

 Олег Васильевич я, 

Просто установите на комп safary для windows и посмотрите из той сафари на демо-сайт инстанта.