Вопрос простой, как сделать фиксированную верстку (одинаковое отображение сайта на любой ширине и возможность его мастабирования) без использования запроса вида:
<meta name="viewport" content="width=1660" />
…
Делаю эти елемнти, и когда надо сделать их з адаптивом ничело не получаэться, немогу понять как его сделать. Может кто-то знает поделитесь опытом.
…
В связи с вопросом Выравнивание логотипа с помощью css возник вопрос:
"Как с помощью javascript при расширении размера окна веб-браузера добиться того, чтобы положение и размеры логотипа и гамбургера изменялись пропорционально? Также…
Моя проблема заключается в следующем:
Всем привет! Вопрос в адаптивной версии бургер меню. При адаптиве при нажатии на пункт меню, меню закрывается, но при нажатии на ссылку "Выпадающее меню" все меню тоже закрывается, а должно открывать список под меню.
Я только из…
Есть адаптивное меню, которое должно открывать при клике на определенном разрешении, но при обновлении страницы изначально меню показывается открытым.
const menu = document.querySelector(‘.nav-list’);
menuItem = document.querySelectorAll(‘…
Есть адаптивное меню, которое должно открывать при клике на определенном разрешении, но при обновлении страницы изначально меню показывается открытым.
const menu = document.querySelector(‘.nav-list’);
menuItem = document.querySelectorAll(‘…
Подскажите как в swiper настроить breakpoints на мобильной, планшет и малых экранах мониторов чтобы было 1 слайд , а на десктоп стандартно 4 слайда. Как ни делаю мобилка и большой экран работает, остальное берет с десктопа.
new Swipe…
недавно столкнулся с проблемой на айфонах и андройдах: экран в 100vh все равно скроллился, долго искал решение, в итоге нашел такое:
Так вот, проблема исчезла на айфоне и андройде. Но появилась следующая, при перевороте экрана все работа…
недавно столкнулся с проблемой на айфонах и андройдах: экран в 100vh все равно скроллился, долго искал решение, в итоге нашел такое:
Так вот, проблема исчезла на айфоне и андройде. Но появилась следующая, при перевороте экрана все работа…
Столкнулся с блокировкой js скрипта в iphone 12 при загрузке веб-сайта. Простой скрипт, который переключает видимость меню и загружает пак иконок не работает. Кто с этим сталкивался, как обойти это ограничение без настроек в системе устрой…
Когда текста мало становится некрасиво. В swiper документации ответ не нашёл. В слик слайдере это adaptiveHeight
[![введите сюда описание изображения][1]][1]
…
Каким образом в javascript можно проверить размеры экрана (в if-е) и в зависимости от этой проверки отрисовывать содержимое страницы? Меня интересуют устройства типа IPad (tablet.js) (используются ли в них скролл)?
…
Есть сайт (см. https://www.figma.com/file/noqP1gzhrAlGAErPNBgknp/test?node-id=0%3A1)
Каким образом адаптивно и резиново сверстать подвал сайта?
Помогите пожалуйста разобраться. Необходимо проверить наличие класса _active у элементов и удалить в случае наличия. На этом классе завязано появление многоуровневого меню на сайте. После закрытия основной ветки меню, если была открыта доч…
Делаю меню на сайте, многоуровневое с выпадающим списком, нужно чтобы на больших тач экранах (вроде планшетов) раскрытие списка происходило по нажатию на стрелку справа от элемента тк сам элемент является ссылкой на дргую страницу, но раск…
Есть интерфейсные блоки
Есть блок в коде
<html>
<head>
<!– <link rel=”stylesheet” href=”testsite.css”>–>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Test Exa…
В html есть такой замечательный элемент, как picture, предоставляющий возможность грузить разные изображения в зависимости от медиа-запроса. И все бы хорошо, но проблема появляется при использовании компонентного подхода.
В своем проекте я…
У нас имеется следующий HTML+CSS код:
function parentH() {
let height = document.querySelector(‘#parent_range_H’).value + ‘px’;
document.querySelector(‘#parent’).style.height = height;
document.querySelector(‘#children’).style.he…
Такой вопрос
Есть в дизайне блок который должен выглядеть вот так
кнопки которые я там отметил – должны анимироваться. если с кнопкой слева проблем особых с анимацией нажатия я не вижу, то вот кнопка справа должна регулировать громкость и…
Как вообще адаптируются такие ситуации? Просто слайдер ломает блок, и текст ломается также. Я в маленьком ступоре подскажите что можно сделать.Блок просто уходит в право, и не при каком уменьшении это не фиксистся. Помогите любым советом! …
От автора: это руководство по синтаксису HTML для адаптивных изображений (и немного CSS). Синтаксис адаптивных изображений — это обслуживание одного изображения из нескольких вариантов в зависимости от правил и обстоятельств. Есть две формы адаптивных изображений, и они предназначены для двух разных вещей. Если ваша единственная цель — увеличение производительности, тогда вам нужно… [crayon-5ee88d4ca6b62078506709/] Использование адаптивных […]
От автора: это руководство по синтаксису HTML для адаптивных изображений (и немного CSS). Синтаксис адаптивных изображений — это обслуживание одного изображения из нескольких вариантов в зависимости от правил и обстоятельств. Есть две формы адаптивных изображений, и они предназначены для двух разных вещей. Если ваша единственная цель — увеличение производительности, тогда вам нужно… [crayon-5fa24d7327b67515595920/] Использование адаптивных […]
Подскажите пожалуйста как сделать направляющие от блока к блоку, такие как на скрине
.container{
margin: 0 auto;
width: 1240px;
}
.path__box{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap:…
От автора: эта статья посвящена наиболее распространенному варианту использования адаптивного изображения: переключению разрешения. Спецификация адаптивных изображений является фантастической и охватывает множество вариантов использования, но, по моему опыту, в большинстве случаев вам понадобится понять только один из них: предоставление копии одного и того же изображения разного размера в зависимости от ширины области просмотра пользователя. Мы называем […]
От автора: эта статья посвящена наиболее распространенному варианту использования адаптивного изображения: переключению разрешения. Спецификация адаптивных изображений является фантастической и охватывает множество вариантов использования, но, по моему опыту, в большинстве случаев вам понадобится понять только один из них: предоставление копии одного и того же изображения разного размера в зависимости от ширины области просмотра пользователя. Мы называем […]
Народ всем привет. Подскажите, пожалуйста, где копать. Есть скрипт галереи: при загрузке страницы все фото загружаются нормально, но на сайте можно скрыть основное меню и тут возникает проблема – фотографии образуют при скрытом меню пустое…
От автора: единицы измерения CSS, связанные с областью просмотра, появились несколько лет назад, и со временем я вижу, что они все больше используются разработчиками. Их преимущество заключается в том, что мы можем гибко и динамично оценивать размер вещей без необходимости использования JavaScript. Кроме того, для них легко предоставить запасной вариант. В этой статье мы узнаем […]
От автора: единицы измерения CSS, связанные с областью просмотра, появились несколько лет назад, и со временем я вижу, что они все больше используются разработчиками. Их преимущество заключается в том, что мы можем гибко и динамично оценивать размер вещей без необходимости использования JavaScript. Кроме того, для них легко предоставить запасной вариант. В этой статье мы узнаем […]
Мне нужно разместить текст внутри блока овальной формы так, чтобы он не выходил за его пределы. Пробовал следующий вариант с использованием shape-outside:
.test-block {
position: absolute;
width: 1000px;
height: 500px;
pad…
Свежие комментарии