У меня есть 100% высокий div на основе области просмотра с использованием модуля vh: div { height:100vh; background:red; } Внутри этого 100-процентного div мне нужен 50-процентный div: span { display:block; height:50%;...

Похоже, что старые браузеры Android не поддерживают размер шрифта vh и vw в css. Есть ли способ использовать vw и vh или любой другой способ сделать шрифты отзывчивыми в старых браузерах Android? У меня много текста с разными размерами шрифта, и я...

Я планирую создать сайт с прокруткой на одну страницу, используя несколько div с высотой и размером шрифта в единицах просмотра (vh, vw). Мне известно о некоторых проблемах с поддержкой в ​​старых браузерах, но я не заинтересован в увеличении...

Я пытаюсь убедиться, что правильно понимаю, как работает тег Meta viewport при установке width=device-width. Будет ли правильным утверждение, что при работе на мобильном устройстве с <meta name="viewport" content="initial-scale=1,...

Согласно CSS Values ​​and Units Module Level 3, рекомендация W3C Candidate 8.1 Математические выражения: 'calc()' : Следующее устанавливает «размер шрифта» таким образом, чтобы ровно 40 em помещались в области просмотра, гарантируя, что примерно...

Я хочу решить свою проблему только с помощью чистого CSS . Вот проблемный код, который у меня есть: @if (100vh > 830px) {:root { --cwv:100vh;}} @else {:root { --cwv: 830px;}} Что я пытаюсь сделать: если размер окна браузера меньше 830...

Когда я изменяю размер окна по ширине, оно выглядит нормально, но при регулировке высоты размер текста не изменяется, что, в свою очередь, создает переполнение скобки. #body div[class^="side-"] ol li p.game a { color: #000000; font: bold...

У меня есть родительский div шириной 594vw с 8 div в нем, каждый шириной 50vw + 16 полей = 66vw . Я хочу, чтобы стрелки были с обеих сторон, и если вы нажмете на одну из них, она должна скользить влево или вправо на 66vw. В то время как правая...

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

У меня есть страница http://jatinraikwar.com/w/slider.html В этом хочу сделать вертикальный центр изображения. Использование карусели начальной загрузки . Проблема в том, что хочет показать изображение как оно есть, но по центру. Код:...

Я работаю над темой WordPress и хочу, чтобы пользователи могли использовать в ней блоки полной ширины. Для этого я использую следующую структуру HTML/CSS (сведенную к основной проблеме). (примечание: хотя это для темы WordPress, сама проблема не...

Почему это работает: left: calc(50vw - (269 * (100vw / 1220 ) ) ); Но это не так: left: calc(50vw - (269 * (100vw / 1220 ) ) + 269 ); Единственная разница в том, что + 269. Инспектор FF говорит «недопустимое значение свойства».

Предположим, у вас есть мобильный телефон с разрешением экрана 1920 x 1080 px (= Full HD). Теперь вы создаете веб-сайт и добавляете следующие теги CSS: @media (max-width: 768px) {blabla} ‹-- это вид со смартфона @media (min-width:...