Как верстать макеты под разные разрешения?

Tanya__K, так погодите-ка. Вы неправильно написали. Меняется не шрифт, а его размер. Тогда всё нормально, конечно.

Как верстать макеты под разные разрешения?

Tanya__K, а можно посмотреть макет? :))

Впервые вижу, чтобы шрифт менялся в зависимости от разрешения. Интересно, чем аргументированно данное решение.

Как верстать макеты под разные разрешения?

Tanya__K, если вы пропишите (max-width: 768px), то у вас будет наложение, т. к. (max-width: 767px) входит в (max-width: 768px).

Как верстать макеты под разные разрешения?

Tanya__K, погодите, там шрифт ещё меняется в зависимости от разрешения? :))

Ну а так — (min-width: 768px) and (max-width: ###px).

Как верстать макеты под разные разрешения?

Макет на 320 пикселей — архаизм. Это разрешение iPhone 5. Современная ширина мобильного макета — 360 пикселей (большое количество Android-устройств) или 375px (iPhone 6, 7, 8, X, XS). Но лучше первый.

Разрешение 1366px — вообще так себе. Ибо не учитывает разрешение 1360px + ширину скроллбара.

Ну раз так сделал дизайнер, то и делайте такие диапазоны.

@media (max-width: 767px) {

}

@media (min-width: 768px)
and (max-width: 1299px) { 

}

@media (min-width: 1300px) { 

}

Вообще, промежутки, особенно начиная с 768px, — какие-то косые. Где планшеты в альбомной ориентации (преимущественно iPad? Где промежуток между 1024 и 1360px? Есть куча устройств с 1200–1280px экранами.

Как сдвинуть select?

Qlink, не-не, я просто тезис автора ответа отверг, а ваш комментарий — дополнил. С вами же я согласен.

Есть ли аналоги Android xml вёрстки в вебе?

Только HTML и CSS.

Ну можете ещё на Canvas рисовать сайт полностью, конечно :))

Как сделать читалку комиксов?

Отправные шаги? CMS с кастомным функционалом.

Как сдвинуть select?

Qlink, Дмитрий Дерепко, margin работает, но с не полностью, с оговорками и особенностями (отрицательный, вертикальный margin, зависимость от контекста и т. п.):
https://www.w3.org/TR/CSS21/visuren.html#inline-fo...

Как сделать параллакс заднего фона?

Как получить чистый html код?

Сочувствую вам.


Ну а может вы всё-таки дополните вопрос дополнительной информацией? Откуда берётся код выше, что, как, зачем и почему?..

Откуда мы должны знать, откуда все эти атрибуты для скриптов?

Вёрстка двух блоков разной ширины с разными фонами до краёв экрана - как?

CSS Как правильно верстается такое, когда элементы выходят за каркас?

Словом, рыжий блок на абсолютное позиционирование.

Есть ли сервис где можно найти макеты для верстки, различной сложности с готовым примером верстки этого макета, чтобы себя проверить?

Тимур Турсунбаев, всё моё отношение к Bootstrap я выразил совсем недавно в комментариях к этому вопросу:
Как изменить высоту bootstrap?

Есть ли сервис где можно найти макеты для верстки, различной сложности с готовым примером верстки этого макета, чтобы себя проверить?

Тимур Турсунбаев, уже второй день с неё выпадаю :))

Да, я не очень умный человек.

Мерген Болдырев, напоминание: не используйте Bootstrap, он отключает способность к ясному мышлению.

Есть ли сервис где можно найти макеты для верстки, различной сложности с готовым примером верстки этого макета, чтобы себя проверить?

Тимур Турсунбаев, ну как бы:

Однако хорошо, что мы поняли друг друга!

Есть ли сервис где можно найти макеты для верстки, различной сложности с готовым примером верстки этого макета, чтобы себя проверить?

Тимур Турсунбаев, никогда не использую Bootstrap. Никогда и нигде.

Не совсем понял, откуда такие выводы?

Типичная моя вёрстка:

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Snatch08, организуйте песочницу с вашим кодом.

Почему при обработке отсутствующего шрифта нет выбора?

khomaldi,


То есть, нельзя выбрать из любого шрифта на устройстве. Я не знаю, как это обойти, т. к. никогда не решал этот вопрос.

Почему при обработке отсутствующего шрифта нет выбора?

Объяснение этого процесса кроется в абзаце перед полями выбора.

Есть ли сервис где можно найти макеты для верстки, различной сложности с готовым примером верстки этого макета, чтобы себя проверить?

https://www.stripe.com

:))))