Вопросы по теме '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 просмотров
schedule
17.11.2023
Текст с использованием устройства VW не работает
Я надеюсь использовать единицы VW для определения размера моей типографики, но при этом текст огромен и явно больше, чем ширина области просмотра. По сути, я хочу, чтобы мой текст реагировал внутри родительского .container, чтобы текст никогда не...
3770 просмотров
schedule
15.09.2022
Расчет CSS с переменной высотой
У меня есть два div, расположенных друг над другом. Верхний элемент div содержит меню-аккордеон и имеет высоту 300 пикселей при полном раскрытии. CSS для нижнего элемента div:
высота: расчет (100vh - 300px)
Это прекрасно работает, когда...
7938 просмотров
schedule
17.03.2024
Создание изображения + высота контейнера не более 100vh единиц в макете flexbox
Я делаю типичную одностраничную витрину мобильного приложения, и у меня возникают проблемы с попыткой разместить примеры скриншотов приложения внутри контейнера с фоном контура смартфона, а ТОГДА два из них не превышают высоту области просмотра...
2326 просмотров
schedule
24.11.2022
Проблема с 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