Вопросы по теме 'viewport-units'

vw CSS-единицы в calc в Chrome не работают
Новые единицы CSS vw (и vh , vmin и vmax ) весьма полезны, как и calc . Оба прекрасно работают в Chrome (последний имеет префикс -webkit-calc ), но по какой-то причине я обнаружил, что значения свойства calc , включая v* единиц, таких как...
15589 просмотров
schedule 20.05.2023

CSS Calc Viewport Units Обходной путь?
Из того, что я видел в другом ответы , единицы области просмотра CSS пока нельзя использовать в операторах calc() . Я хотел бы добиться следующего утверждения: height: calc(100vh - 75vw) Есть ли какой-то обходной путь, которым я могу...
127907 просмотров
schedule 16.09.2022

использование modernizr для обнаружения vh, vw с помощью calc
Итак, я столкнулся с проблемой, когда браузер совместим с единицами vh, vw и совместим с calc(), НО не совместим с единицами vh, vw в calc. Поэтому я не уверен, как использовать modernizr для проверки этого конкретного случая. Любые идеи для...
1104 просмотров
schedule 16.04.2023

Ошибка размера шрифта и масштабирования блока просмотра: какие браузеры затронуты?
Кажется, что настольный IE10 неправильно масштабирует текст, размер шрифта которого установлен в единицах области просмотра, когда уровень масштабирования не установлен на 100%. Я пытаюсь выяснить, на какие версии IE (и, возможно, другие браузеры)...
1800 просмотров

Текст с использованием устройства VW не работает
Я надеюсь использовать единицы VW для определения размера моей типографики, но при этом текст огромен и явно больше, чем ширина области просмотра. По сути, я хочу, чтобы мой текст реагировал внутри родительского .container, чтобы текст никогда не...
3770 просмотров
schedule 15.09.2022

Расчет CSS с переменной высотой
У меня есть два div, расположенных друг над другом. Верхний элемент div содержит меню-аккордеон и имеет высоту 300 пикселей при полном раскрытии. CSS для нижнего элемента div: высота: расчет (100vh - 300px) Это прекрасно работает, когда...
7938 просмотров
schedule 17.03.2024

Создание изображения + высота контейнера не более 100vh единиц в макете flexbox
Я делаю типичную одностраничную витрину мобильного приложения, и у меня возникают проблемы с попыткой разместить примеры скриншотов приложения внутри контейнера с фоном контура смартфона, а ТОГДА два из них не превышают высоту области просмотра...
2326 просмотров

Проблема с 100vw, включая ширину полосы прокрутки
У меня есть div, который должен быть на всю ширину экрана внутри родительского div с ограниченным значением. Упрощенно, это что-то вроде: HTML: <div class="container"> <div class="banner"> </div> </div> CSS:...
2800 просмотров
schedule 13.06.2022

Могу ли я изменить начальный размер содержащего блока?
Я использую единицы vh и vw для стилизации определенных элементов страницы. Все работает хорошо, когда начальный содержащий блок и область просмотра имеют одинаковый размер. Вот что написано в спецификации : Длина области просмотра в...
140 просмотров
schedule 31.10.2022

Почему 4 элемента div с шириной: 25vw не могут быть выровнены вместе?
Есть 4 div, в каждом из них есть width: 25vw; и height: 100vh; . Я думал, что они могут выровняться по горизонтали в линию и таким образом замостить всю область просмотра браузера. Но они этого не сделали. Разрыв строки был между 3-м и 4-м...
105 просмотров
schedule 25.12.2022