Публикации по теме 'responsive'
Angular - Дизайн кода для адаптивных веб-сайтов
Нажмите здесь, чтобы опубликовать эту статью в LinkedIn »
Когда мы беремся за новый интерфейсный проект, дизайнеры предоставляют нам веб / мобильное представление веб-сайта. Иногда они отличаются друг от друга, и, как программисты, мы должны быть уверены, что пишем код, пригодный для повторного использования и простой в обслуживании для таких ситуаций.
Проблема:
Как создать простую систему, которая позволит нам отдельно создавать компоненты для настольных компьютеров, планшетов..
Вопросы по теме 'responsive'
Как сделать div отзывчивым с помощью пользовательской темы WordPress?
У меня есть пользовательская тема WordPress, которую я использую, и я редактирую одну из своих страниц. Я создал 3 элемента div, которые в основном должны располагаться горизонтально по центру страницы. Я понял, как правильно все выровнять, но мне...
1336 просмотров
schedule
14.05.2022
Адаптивное меню Magento 2 luma для iphone
В теме яркости magento 2 есть ошибка. Когда я на айфоне и открываю меню, меню открывается слишком далеко.
Он протянулся за правую часть экрана.
Если я делаю это на Android, меню работает отлично.
Я просмотрел код css и обнаружил, что ширина...
1945 просмотров
schedule
19.11.2023
Специальная сетка css отзывчивая
Можно ли сделать такую сетку отзывчивой? См. изображение ниже.
Я пытался сделать все блоки с абсолютной позицией, но когда я пытаюсь сделать его отзывчивым, он не работает...
Я предпочитаю отметить, что стиль будет написан динамически с...
47 просмотров
schedule
22.02.2023
CSS | слой нескольких центрированных div в столбцах Bootstrap
Я хотел бы 3 отзывчивых столбца в разделе, где «.service-icon» находится в центре каждого столбца. У меня есть изображение для фона столбца (dirtcolumn.png, но его можно заменить полноразмерным div... все, что я хочу, - это центрировать его внутри...
281 просмотров
schedule
26.11.2023
Переместите всплывающую подсказку относительно элемента SVG для адаптивной страницы.
Я использую прямоугольный и текстовый элемент SVG в качестве всплывающей подсказки. Оба они находятся внутри элемента SVG, представляющего собой карту округов США.
Всплывающая подсказка работает нормально, если моя карта имеет фиксированную высоту...
1044 просмотров
schedule
16.09.2022
Как выровнять изображение в верхней части адаптивного контейнера?
Я пытаюсь выровнять два адаптивных контейнера подряд. Один из них с изображением внутри установлен на ширину: 100% и высоту: авто. Как выровнять изображение по вертикали в верхней части его родительского адаптивного контейнера?
<div...
78 просмотров
schedule
25.07.2023
CSS случайное размещение и отзывчивость div
Я создал анимацию звездной ночи, но мне было интересно, есть ли у кого-нибудь лучший способ разместить div «случайно» только с помощью CSS ??? А еще у меня проблемы с реакцией. Спасибо за ваше время! просто пытаюсь научиться.
проверьте полный...
8959 просмотров
schedule
26.10.2023
Отзывчивая область кликов с использованием начальной загрузки и CSS
Я пытаюсь сделать отзывчивую область щелчка для изображения, которое будет иметь 2 ссылки, по одной в каждом прямоугольнике на рисунке ниже. Вот код, который я использую прямо сейчас. У него нет сопоставления, и я объясню, почему:
<figure...
924 просмотров
schedule
06.03.2024
Как стереть холст с помощью курсора
Я хочу добавить адаптивный холст на веб-страницу. Это просто черный div, который можно стирать курсором.
Div 1 (холст) поверх div 2 (текст). Курсор должен стереть div 1 и показать div 2.
Обновить
Я использую этот код, но он не работает....
441 просмотров
schedule
07.05.2024
Отзывчивый мультимедийный запрос электронной почты с двумя столбцами — iPhone не отображает таблицы на всю ширину
Я пытаюсь создать отзывчивую строку из двух столбцов (в таблице), используя медиа-запросы для электронной почты. Используя метод выравнивания таблицы из Mailchimp , он отлично смотрится на десктоп и андроид. На iPhone медиа-запрос указывает...
821 просмотров
schedule
04.04.2023
сосредоточиться на вводе в липкой панели принудительно прокрутить страницу вверх
У меня следующая ситуация: адаптивный сайт, липкая шапка и поисковый ввод в липкой шапке.
Проблема появляется на телефоне и планшете, когда я прокручиваю страницу и нажимаю ввод поиска, он фокусируется на поле ввода и показывает клавиатуру телефона...
1665 просмотров
schedule
19.08.2023
Изображение не масштабируется в IE 11
Когда я изменяю ширину окна браузера, изображения не масштабируются в IE 11 или ниже. Я работаю с Google Chrome. Я попытался добавить position: absolute, но это уничтожило весь макет. CSS изображения:
.auction-item-img-container {
display:...
4712 просмотров
schedule
07.10.2022
Как сделать фоновое изображение адаптивным в CSS
Ранее я задавал вопрос о размещении 2 div внутри другого контейнера начальной загрузки div (1 вверху слева и 1 внизу справа), который теперь решен.
Моя следующая проблема заключается в том, что в основном блоке (с двумя блоками внутри) мне нужно...
11224 просмотров
schedule
12.12.2023
Как предотвратить встроенный блок из моей электронной почты в стек на iPad?
Первоначально я создал электронное письмо с использованием MJML и адаптировал код для улучшения мобильной версии.
1) У меня нет проблем с проверкой электронной почты с помощью Chrome и ее тестированием со всеми настольными клиентами с помощью...
201 просмотров
schedule
22.12.2023
Создание адаптивной страницы с вертикальным разделением
У меня есть макет страницы, который я хотел бы сделать адаптивным. В настоящее время страница разделена 50/50 посередине по вертикали. Я добился этого, отобразив раздел div в виде таблицы, а элементы div внутри — в виде ячеек. У меня также есть...
1058 просмотров
schedule
09.04.2024
Как объединить Masonry с Isotope с полностью адаптивным решением + фильтрация и поиск
Я создал код ниже:
http://codepen.io/dkpen/pen/dppoKj?editors=0110
это полностью отзывчиво; и это было обходным решением, чтобы фильтрация изотопов работала с моим реальным решением Masonry; это можно сделать с помощью решения layout none ,...
190 просмотров
schedule
19.05.2022
CSS отзывчивый горизонтальный и вертикальный макет
Я пытаюсь создать адаптивный макет:
Маленькие области просмотра (например, максимальная ширина 750 пикселей):
+---------------+
| 1 |
+----+-----+----+
| 2 | | |
+----+ 4 | 5 |
| 3 | | |...
2111 просмотров
schedule
05.01.2023
Нужны ли устройствам Retina собственные медиа-запросы?
У меня есть несколько медиазапросов, которые игнорируются на устройствах с сетчаткой — например, iPhone 6 Plus. Минимальная ширина экрана iPhone 6 Plus составляет 414 пикселей. Используя следующий медиа-запрос, я ожидаю, что телефон сделает div...
334 просмотров
schedule
17.03.2024
Мобильная версия веб-сайта увеличена по умолчанию
Если вы зайдете на мой сайт через мобильное устройство (или, по крайней мере, iphone, я не смог проверить любое другое устройство) www.oxynergy.com, вы заметите, что каждый раз, когда вы открываете любую страницу, она ПРОСТО немного увеличена, вы...
116 просмотров
schedule
07.10.2022
Различный размер шрифта в зависимости от количества символов (отзывчивый)
В Режиме устройства Google Chrome font-size элемент ( p , h1 , h2 , ...) изменяется по мере изменения количества символов.
Этого не происходит, когда режим устройства выключен, но это происходит на моем мобильном устройстве.
На следующем...
87 просмотров
schedule
29.12.2022