Роман Романенко: когда css файл переваливает за 2-3 тысячи строк, то ориентироваться в нем становится сложно, а когда все разбито на отдельные файлики с небольшим и понятным кол-ом кода, то упрощается процесс отладки и поиска. Плюс секции не зависят друг от друга и их легко можно изменять переделывать или выбрасывать не нарушая стили и разметку остальных элементов страницы/сайта.
Нужно больше информации, например где брался шрифт или с помощью какого конвертора преобразовывался во все остальные форматы, в каком редакторе и с какими настройками странички набираете?
Сергей Лаптев: .intro:: after { top: 9% } - тогда норм стрелки отображаются и еще псевдоэлементы лучше задавать через одно двоеточие, с двумя вылезут проблемы на Ослике, вроде девятом.
Сергей Лаптев: Прикрепил еще скрин, меню поправилось, но вылезла горизонтальная прокрутка в 1-2 пикселя, и еще не понятно белые стрелы на картинке так и должны идти с горизонтальным разрывом или нет?
Сергей Лаптев: нет, у меня все стандартно 16px. Просто при rem значение рассчитывается всегда от базового значения, а оно 16px, получается что, шрифты не изменяются при уменьшении экрана и верстка едет, так как ширина элемента зависит от шрифта. Это если я правильно понимаю.
Лучше всего на эту тему прочитать первую главу из книги Дэна Седерхольма "Пуленепробиваемый дизайн", там все разжевано по полочкам в плане адаптивности шрифтов.
Устанавливаю размер окна на 768px и собсно выходит такая картинка, проверил еще раз.
Собсно все дело в шрифтах, базовый у тебя в px, а все что в меню в rem, тобишь рассчитывается от базового значения.
Как вариант установить базовое в 62.5% /* 10px */, при условии что в браузере шрифт по умолчанию выставлен на 16px, а вот остальные в em. Допустим 16px уже станет 1.6em. Только проблема будет в том, что em будет брать значение родителя, если вложенность большая, то расчеты станут нудными.
Надеюсь, что понятно описал)
Или, как вариант, менять базовое значение шрифта через медиа запрос.
