Web разработка > Разработка сайтов

Современные виды верстки сайтов HTML. Требования к верстке

<< < (2/2)

Alexei1800:

--- Цитата: ProtectYourSite от 10-06-2018, 10:15:27 ---https://learn.javascript.ru/css-units
Или для каждого разрешения прописывать.

--- Конец цитаты ---
Для каждого разрешения прописывать, тут есть один нюанс, если браузер вручную сужать, расширять, то начнет все съезжать, пока не дойдет до нужного расширения.
Поэтому  я нашел только решение через javascript.
При указании % или em, проблема та же шрифт-то фиксированный все равно, он не изменяется пропорционально экрану

Clever:

--- Цитата: Alexei1800 от 10-06-2018, 09:34:11 ---Я бы хотел написать о flex верстка. Вернее о главном ее минусе - не поддерживается во многих браузерах.

--- Конец цитаты ---

Например ?
На caniuse.com совсем другая картина поддержки.
Добавлено: 10-06-2018, 15:07:56

--- Цитата: ProtectYourSite от 10-06-2018, 10:15:27 ---https://learn.javascript.ru/css-units
Или для каждого разрешения прописывать.

--- Конец цитаты ---

То есть с отключенным JS верстка поплывет ?
Почему не использовать возможности медиа-запросов и сss-units (от слова css) а не делать через js то же самое.

Alexei1800:
Например браузер сафари, браузеры интернет эксплорер.
Я просто использовал эту верстку очень удобно, но попался один какой-то въедливый заказчик и пришлось переделывать все.

Да с отключенным js верстка поплывает, задача, чтобы шрифт пропорциональна менялся разрешению экрана. Ну не меняется он пропорционально экрану, в отличии от дивов. Если прописать fon-size: 1.2 em, когда див будет уменьшатся, шрифт не будет уменьшатся, я это имею ввиду

Clever:

--- Цитата: Alexei1800 от 10-06-2018, 15:45:41 ---Например браузер сафари, браузеры интернет эксплорер.
Я просто использовал эту верстку очень удобно, но попался один какой-то въедливый заказчик и пришлось переделывать все.

--- Конец цитаты ---

Сафари для десктопа давно отжил свое, а IOS сафари поддерживает то что нужно, интернет эксплорер - разве что 11 (и то с 2013 не обновляется), но даже он поддерживает старый синтаксис. А чтобы проверить поддержку и свойства подстроить можно использовать @supports



--- Цитата: Alexei1800 от 10-06-2018, 15:45:41 ---Да с отключенным js верстка поплывает, задача, чтобы шрифт пропорциональна менялся разрешению экрана. Ну не меняется он пропорционально экрану, в отличии от дивов. Если прописать fon-size: 1.2 em, когда див будет уменьшатся, шрифт не будет уменьшатся, я это имею ввиду

--- Конец цитаты ---

EM берет размер от родительского блока, REM от корня, а для того чтобы шрифт менялся в зависимости от размера экрана, можно использовать VW.
Вот накидал пример использования  VW для актуальных браузеров, в нем размер шрифта меняется на разрешениях от 400px до 900px, а на остальных, (чтобы не был слишком маленьким или большим) выводится в REM. Для наглядности меняется цвет и текст пояснения.

Clever:

--- Цитата: arislav от 11-03-2020, 17:14:59 ---Какая платформа способна это воплотить?  DLE? Бетрикс? WordPress ? Тильда? Wix? 

--- Конец цитаты ---

Здесь больше не платформа, а руки. Воплощается на уровне верстки.

Для своих проектов уже давно использую такой вариант:


* Каркасс сайта - семантические теги + css grid
* Список статей - flexbox
* Основные значения в css - с помощью динамических переменных
* Остальное по необходимости

Навигация

[0] Главная страница сообщений

[*] Предыдущая страница

Перейти к полной версии