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

Обнаружение единиц области просмотра (с помощью modernizr или обычного js) и обслуживание соответствующей таблицы стилей
У меня действительно есть проблема, которую я пытаюсь решить уже 3 недели. Я пытаюсь протестировать поддержку модулей vw и обслуживать отдельную таблицу стилей, когда браузер не поддерживает модуль. Я читал учебные пособия по modernizr и знаком с...
4327 просмотров

Почему 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 просмотров

Chrome для Android неправильно отображает vw
Когда я помещаю <\meta name="viewport" content="width=device-width"/> в код своего сайта, то 1 vw (ширина области просмотра) после поворота устройства из альбомной ориентации в портретную или наоборот не обновляется. Например, если экран моего...
406 просмотров

Преобразование единиц 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 просмотров

Странное поведение с использованием элементов 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