Вопросы по теме 'viewport-units'
Обнаружение единиц области просмотра (с помощью modernizr или обычного js) и обслуживание соответствующей таблицы стилей
У меня действительно есть проблема, которую я пытаюсь решить уже 3 недели. Я пытаюсь протестировать поддержку модулей vw и обслуживать отдельную таблицу стилей, когда браузер не поддерживает модуль. Я читал учебные пособия по modernizr и знаком с...
4327 просмотров
schedule
09.09.2021
Почему calc не переоценивается, когда он используется для font-size?
Я пробовал использовать VW и calc вместе, и работает, но рассчитал только один раз: время загрузки:
http://codepen.io/anon/pen/mJOGbr
html{
font-size: calc( 16px + 2vw );
}
Как я могу заставить вычислить этот расчет каждый раз при...
1025 просмотров
schedule
08.11.2021
CSS 100vh смещение по заголовку
Вот эта ручка у меня: https://codepen.io/anon/pen/wPdrod
Как видите (по крайней мере, в Chrome и Firefox), есть две вертикальные полосы прокрутки. Должен быть только внутренний, так как заголовок должен оставаться статичным.
CSS, вызывающий...
4409 просмотров
schedule
03.12.2021
в css, используя атрибут vmin/vmax при изменении размера страницы
используя новое свойство vmin css, чтобы получить правильный размер шрифта. работает вообще отлично!
div.sample { font-size: 1.5vmin; text-align: center; ... }
проблема возникает при изменении размера страницы. например, если страница...
5452 просмотров
schedule
07.07.2022
Преобразование относительного размера/размера области просмотра в фиксированный размер при загрузке страницы с использованием JavaScript/JQuery
надеюсь, у вас хороший день. В настоящее время я разрабатываю веб-сайт, в котором почти все мои измерения (размер шрифта, отступы, поля, ширина, высота и т. д.) выполняются с единицами просмотра vw и vh.
Я использую эти единицы, потому что они...
1096 просмотров
schedule
08.08.2022
Как исправить vh (блок просмотра) css в мобильном Safari?
Я использовал vh (единицы просмотра) css в одном из своих проектов, но в мобильном сафари это не работает. Кажется, что Safari не знает, что делать с vh, но в других браузерах он работает нормально. Я хотел бы сделать такой же эффект с или без vh,...
70496 просмотров
schedule
17.08.2022
Chrome для Android неправильно отображает vw
Когда я помещаю <\meta name="viewport" content="width=device-width"/> в код своего сайта, то 1 vw (ширина области просмотра) после поворота устройства из альбомной ориентации в портретную или наоборот не обновляется. Например, если экран моего...
406 просмотров
schedule
07.01.2023
Преобразование единиц vh в px в JS
К сожалению, 100vh не всегда совпадает с высотой браузера 100% , как показано в следующем примере.
html,
body {
height: 100%;
}
body {
overflow: scroll;
}
.vh {
background-color: blue;
float: left;...
13963 просмотров
schedule
19.12.2022
Анимация/ключевые кадры CSS3, преобразование с помощью vw в проблемах IE11
Я анимирую элемент на экране, но в IE11 происходят странные вещи. Я нахожусь в разработке, поэтому не могу поделиться работающим кодом. Но я создал скрипт, чтобы воспроизвести проблему.
По сути, когда я использую ширину окна просмотра, также...
3072 просмотров
schedule
19.01.2023
Странное поведение с использованием элементов rem разной высоты
Я устанавливаю размер шрифта html в единицу ширины окна просмотра. Затем я устанавливаю высоту div в единицах rem. Когда вы нажимаете разную ширину области просмотра, высота элементов не одинакова, даже если единица rem одинакова.
Пример:...
116 просмотров
schedule
04.05.2023
Как заставить div скрывать/прокручивать переполнение и масштабировать до области просмотра с постоянными полями?
(EDIT: мой текущий код добавлен в конец сообщения)
Мне нужно установить значение для высоты div, чтобы он правильно скрывал/прокручивал переполнение, но я не хочу, чтобы div имел определенную высоту в пикселях. Я могу решить эту проблему,...
37 просмотров
schedule
02.11.2023
Укрощение VW-Unit (CSS)
Я масштабировал практически весь свой проект, используя единицы vw, включая шрифты. Отлично работает, плавный переход к разным размерам окон и устройствам, за исключением того, что при определенной ширине (или высоте) я хочу, чтобы все перестало...
27 просмотров
schedule
12.11.2023
Как получить АКТУАЛЬНЫЙ CSS, который был введен в таблицу стилей через jQuery?
Когда я использую jQuery для получения свойства css через:
$(selector).css("min-height");
Возвращаемое значение всегда является значением в пикселях, хотя я использую единицы измерения "vw" в CSS, например:...
178 просмотров
schedule
01.01.2024