Публикации по теме 'responsive'
Адаптивные изображения в 2019 году теперь проще, чем когда-либо.
Можно ли сделать существующие изображения адаптивными без создания новых изображений ? Можем ли мы загрузить одно высококачественное исходное изображение и забыть об изменении размера и оптимизации для всех устройств? А как насчет того, чтобы следовать последним передовым методам, например, показывать изображения с какой-то причудливой анимацией только при входе в область просмотра и по-прежнему использовать простой тег ‹img /› только с одним источником изображения ? Цель данной..
Вопросы по теме 'responsive'
Как я могу сделать таблицу в блоке кода на моем сайте Squarespace адаптивной?
У меня есть веб-сайт , созданный на основе Squarespace . Используя «кодовый блок» Squarespace, я вставил HTML для таблицы на эту /тестовую страницу . Таблица не отвечает.
Я хотел бы, чтобы таблица отображалась на мобильных устройствах, как...
866 просмотров
schedule
16.06.2024
jquery mobile: отзывчивая панель, почему применяется стиль?
Из инструмента разработчика Chrome класс стиля применяется ко второму div с ui-panel-dismiss . Почему? Оба элемента div являются одноуровневыми под body.
Что означает символ ~ после ui-page-active ?
@media (min-width: 55em) {...
89 просмотров
schedule
29.06.2022
Адаптивный сайт уменьшается на мобильных устройствах, а не корректируется
Я получаю какое-то странное поведение, и я не уверен, почему это происходит.
Я создаю сайт. При локальном запуске в Chrome и Safari все отображается нормально, все настраивается так, как вы ожидаете. Однако в адаптивном режиме и при просмотре...
562 просмотров
schedule
01.05.2024
Дополнительная исходная коллекция для адаптивных изображений в TYPO3 7.6
Можно ли реализовать дополнительный sourceCollection код для рендеринга адаптивных изображений в расширениях. Я настроил код для стандартного tt_content.image.20.1.sourceCollection , и он отлично работает.
Вот мой код TypoScript :...
748 просмотров
schedule
31.08.2022
Почему высота моего изображения не зависит от ширины?
Я пытаюсь сделать сайт адаптивным. Итак, у меня есть ширина изображения, ширина которой определяется размером страницы, как показано во фрагменте. Обычно, чтобы сохранить соотношение сторон, я бы просто сказал: height: relative
Но почему-то не...
73 просмотров
schedule
13.10.2023
Как поместить обложку div на изображения, подходящие для объекта, в гибком гибком контейнере?
Вот моя демонстрация, чтобы показать, что я имею в виду:
* {
box-sizing: border-box;
}
body, html {
height: 100%;
width: 100%;
}
body {
background: #333;
margin: 0;
padding: 0;
}
.content {
display: flex;...
1266 просмотров
schedule
06.07.2022
Отзывчивый Google DFP не работает
Не мог бы кто-нибудь просмотреть мой код, пытаясь сделать мои объявления DFP адаптивными, поскольку все мои веб-сайты адаптивны? Я следую примеру в Google DFP, и объявление, похоже, не уменьшается, когда я пробовал мобильный экран (и вообще не...
288 просмотров
schedule
19.07.2022
Полная ширина Youtube для встраивания фонового видео героя
Я ищу способ HTML и CSS для отображения этого встроенного видео в качестве фона героя высотой 75vh.
На данный момент iFrame сохраняет свои width: 100% и height: 75vh , но изображения сами по себе не покрывают всю ширину заголовка.
На самом...
5591 просмотров
schedule
27.08.2022
Контейнер Response CSS теряет маржу только при размере планшета
У меня есть следующий CSS, который предназначен для изменения размера до определенного количества столбцов среднего размера, а затем элементов полной ширины при маленьком/мобильном размере. Кажется, все работает, за исключением того, что при размере...
304 просмотров
schedule
14.10.2023
Проблемы с размером изотопов при фильтрации
У меня проблема с Isotope . Кажется, все работает, за исключением того, что когда я фильтрую элементы, их размер изменяется странным образом, как если бы элементы были изменены относительно их старой ширины, а не ширины контейнера.
Я позволяю вам...
309 просмотров
schedule
14.07.2022
Изменение ширины пунктов меню в зависимости от количества пунктов меню
Используя Joomla, у меня есть 4 пункта меню. Один из них является необязательным. Если я хочу отменить публикацию этого пункта меню, ширина других пунктов меню должна быть увеличена, но только при минимальной ширине области просмотра 980 пикселей....
62 просмотров
schedule
22.02.2024
Как сделать анимацию css абсолютной позиции отзывчивой?
Итак, я получил эту CSS-анимацию с 5 кругами, вращающимися между текстом;
(каждый из них разного размера)
#circle .circle1{
position: absolute;
top: 1330px;
left: 0;
right: 0;
margin-left: auto;...
383 просмотров
schedule
14.11.2023
Изменение размера изображения в зависимости от размера экрана
Создание моего первого углового приложения. Я хочу изменить размер логотипа, отображаемого в строке заголовка, в зависимости от размера экрана. Раньше с бутстрапом я бы использовал медиа-запросы и css, но я не уверен, как это сделать с угловым....
88 просмотров
schedule
08.11.2023
Как использовать два ползунка диапазона на одной странице?
В настоящее время я использую rangeslider.js. На моей странице есть два входа, которые я планирую преобразовать в ползунки диапазона. Будучи новичком в JS, я сначала попытался преобразовать его, и он работает. Итак, initlayy, у меня было это в...
880 просмотров
schedule
16.06.2024
Подпись электронной почты Outlook и цвет линии гиперссылки
У кого-нибудь есть решение для изменения цвета линии гиперссылки (с синего) на десктопных и мобильных устройствах?
CSS и HTML-стили не смогли предотвратить появление синей линии, хотя мы смогли полностью удалить ее на рабочем столе. У телефона,...
1086 просмотров
schedule
03.10.2022
Блестящий: динамический флажок
Я создаю приложение Shiny и хочу добавить динамическую «checkboxGroup», которая зависит от других входных данных. Точнее, пользователь может загрузить N файлов, приложение производит некоторые вычисления, после чего на выходе получается таблица с N...
326 просмотров
schedule
14.03.2024
Как сделать так, чтобы спрайты CSS реагировали на разные размеры экрана?
Недавно я сделал несколько спрайтов CSS для своего веб-сайта, так как хотел, чтобы мое изображение менялось при наведении курсора. У меня была проблема с ними, но мне помогли, и теперь они отлично работают. Соответствующее сообщение находится здесь:...
17 просмотров
schedule
16.11.2022
Почему медиа-запросы определяются с небольшими значениями, такими как 500 пикселей, когда телефоны больше?
При разработке веб-сайтов мы часто используем медиа-запросы, чтобы сделать веб-сайт более отзывчивым на разных устройствах. Однако я заметил, что большинство медиа-запросов определяются с минимальной шириной, а минимальная ширина обычно имеет...
41 просмотров
schedule
10.12.2023
Адаптивные изображения с подписями, выровненными по изображению
Давно пользуюсь для доставки изображений с контролем дизайна. Затем я использую CSS, чтобы скрыть определенные изображения внутри блока.
Теперь я хотел бы использовать with для большей гибкости и контроля.
Моя проблема с заголовком. Я хотел бы...
34 просмотров
schedule
27.08.2022
Отзывчивая волна CSS?
У меня есть следующий CSS, который создает эффект волны в нижней части главного изображения. Я пытаюсь сделать волны намного шире, но не намного выше, но мне трудно заставить работать размеры.
В идеале мне нужна одна синусоида высотой около 20...
120 просмотров
schedule
07.07.2022
