Публикации по теме 'responsive'
Отзывчивая панель навигации HTML CSS JavaScript
Отзывчивая панель навигации — это элемент веб-сайта с необычайной способностью настраивать и изменять свою структуру и визуальное представление в соответствии с размерами и разрешением устройства, на котором он отображается. Основная цель адаптивного навигационного меню — обеспечить оптимальное взаимодействие с пользователем, гарантируя, что навигационное меню останется доступным и полностью функциональным, независимо от того, обращается ли пользователь к нему с настольного компьютера,..
Включение автоматической адаптации заголовка SAP Fiori 2.0 в дескрипторе
Справочный портал SAP Изучите документацию по продуктам SAP и учебные туры для всех предприятий / отраслей, найдите ответы на свои вопросы… help.sap.com
В Fiori 2.0 SAP предлагает множество функций Fiori Launchpad. Одна функция помогает сэкономить место (на небольших устройствах, таких как телефоны). Приведенная выше ссылка инструктирует разработчика, как объединить заголовок приложения Fiori и адаптировать его с заголовком панели..
Встраивание Youtube в полную ширину с помощью React.js - Адаптивное встраивание
В этой статье вы узнаете, как создать компонент React, который можно использовать для создания адаптивного компонента реакции для встраивания youtube.
Как только вы вставите свое первое видео на YouTube, вы быстро поймете, что оно не адаптивно и нарушает ваш дизайн.
К сожалению, iframe не может поддерживать это соотношение само по себе, поскольку домен является сторонним, вам не разрешено знать содержимое iframe из соображений безопасности и конфиденциальности.
Так что ты можешь..
Реагируйте на мобильное веб-приложение без проблем
Не хотите тратить свое время на бла-бла-бла? Нажмите здесь - › react-mobile-app
Моя история началась с игрового приложения
Конечно, мы знаем о возможных способах управления мобильными приложениями.
CSS медиа-запросы JS-библиотеки с мобильным детектором внутри
А что с ними не так?
Медиа-запросы
Вы видели действительно большое приложение с media-queries внутри? У меня был опыт с этим, и это выглядело как спагетти-код. Когда ваше решение увеличивается, вы начинаете..
Адаптивная игра Phaser
Я много раз слышал этот вопрос.
Как мне сделать так, чтобы моя игра Phaser хорошо смотрелась на всех устройствах?
Есть много разных подходов. На первый взгляд Phaser.ScaleManager.SHOW_ALL Phaser кажется серебряной пулей. На самом деле у меня это никогда не работало. Фактически, единственный тип шкалы, который я когда-либо использовал, - это Phaser.ScaleManager.USER_SCALE , что означает Я сделаю это сам .
Мой самый распространенный метод - зафиксировать ориентацию на портретную..
Напишите отзывчивый индикатор выполнения для командной строки
Мы все видели индикаторы прогресса повсюду. Мы постоянно видим их на веб-сайтах, и для тех из нас, кто использует дистрибутив Linux, просмотр индикатора выполнения является одной из наших повседневных задач. Особенно, когда вы используете терминал, как будто вы можете уничтожить страну с его помощью. Progressbars используются во многих программах командной строки, которые мы используем. Пип Python использует их, у npm есть потрясающая полоса прогресса вместе со счетчиком, и у нашего..
Вопросы по теме 'responsive'
Как я могу реагировать на ширину элемента DOM с автоматическим размером в React?
У меня сложная веб-страница с использованием компонентов React, и я пытаюсь преобразовать страницу из статического макета в более отзывчивый макет с изменяемым размером. Однако я продолжаю сталкиваться с ограничениями в React, и мне интересно, есть...
84261 просмотров
schedule
21.11.2022
Контейнер DIV растягивается при изменении размера, но не при прокрутке
У меня есть главный <div> , который центрирован на экране, а высота - это общий размер высоты окна просмотра. Когда я изменяю размер браузера, он работает нормально, но если у меня есть контент под видимым окном браузера и мне нужно прокрутить...
124 просмотров
schedule
20.08.2022
Только некоторые CSS загружаются на мобильных устройствах, отлично работают на рабочем столе.
Веб-сайт работает и выглядит идеально на рабочем столе, даже при масштабировании браузера все работает. Когда я загружаю его на мобильном устройстве, он выглядит совершенно выключенным, загружаются только НЕКОТОРЫЕ css, что делает его еще более...
81 просмотров
schedule
13.11.2023
Медиа-запросы в Sass
Мне интересно, есть ли способ писать медиа-запросы в sass, поэтому я могу указать определенный стиль, скажем, от 300 до 900 пикселей.
в css это выглядит так
@media only screen and (min-width: 300px) and (max-width: 900px){
}
Я знаю, что...
51454 просмотров
schedule
12.01.2023
Как установить ширину контейнера div для мобильного сайта с помощью Bootstrap
Я делаю веб-сайт только для мобильных устройств, например «m.domainname.com». Я хочу использовать Bootstrap на своем сайте. Но для основного контейнера div, если я использую класс «контейнер», он будет 1170 пикселей. Мой сайт начинается с 1024px....
2118 просмотров
schedule
09.10.2022
SVG реагирует на div
Как сказано в заголовке, я хочу добавить анимацию границы SVG в div. Я пробовал со статическим div, но теперь я хочу, чтобы он работал, даже если ширина и высота div меняются динамически (как класс эскизов с Bootstrap)
Вот мой SVG:...
2177 просмотров
schedule
12.02.2023
Медиа-запросы, какой из них лучше и почему?
Я писал Media Queries после всех моих обычных стилей CSS (настольные и портативные устройства). Но недавно, глядя на некоторые примеры и загрузочные CSS-файлы, я заметил, что медиа-запросы следуют непосредственно после написания css. Этот пример...
999 просмотров
schedule
28.02.2023
навигационная панель в wordpress не отображается на мобильных устройствах
Я создал панель навигации, как они описывают Преобразование панели навигации Bootstrap в меню WordPress . может видеть меню на рабочем столе, но меню не отображается на мобильных устройствах. В мобильных устройствах я вижу кнопку, где будет...
354 просмотров
schedule
17.05.2022
Создание адаптивного изображения в адаптивном поле без видимых проблем с содержимым в скорости страницы
Моя основная цель - загрузить черный ящик с изображением (подготовленным с помощью javascript). Я хочу, чтобы и изображение, и поле были отзывчивыми (правильно масштабировались во всех разрешениях), но я хочу, чтобы наибольшая ширина изображения была...
85 просмотров
schedule
14.02.2023
(Скрыть видео) Отображение CSS: нет, не работает с запросом @media для iPhone
Я пытаюсь использовать запрос @media, чтобы скрыть видео, которое автоматически воспроизводится в цикле, в качестве целевой страницы. Я хочу заменить скрытое видео коротким полноразмерным адаптивным фоном .gif.
Вот копия используемого CSS:...
1380 просмотров
schedule
01.04.2024
Как сделать так, чтобы div перекрывал весь экран
У меня есть вопрос.
У меня пока получилось:
Я в основном хочу, чтобы выделенный div перекрывал экран вашего устройства, независимо от того, насколько велик экран устройства. теперь я вижу 2 разных div, когда открываю это на своем телефоне....
46219 просмотров
schedule
15.06.2022
Разбить адаптивный список посередине
У меня есть адаптивное меню, представленное в виде неупорядоченного списка. При больших размерах он встроен и выглядит красиво: Но когда окно сжимается, оно ломается и выглядит неуклюже: В идеале я бы хотел, чтобы разбить пополам, когда он...
508 просмотров
schedule
24.07.2023
Можно ли объединить 2 столбца вложенных div в один столбец, а затем изменить порядок с помощью CSS?
Итак, я почти уверен, что невозможно сделать следующее, но все же подумал, что спрошу!
У меня есть 2 столбца контента в дизайне моего сайта. У обоих есть плавающий div-обертка, поэтому они сидят рядом. Это хорошо выглядит на настольном макете, а...
659 просмотров
schedule
30.04.2023
Как изменить порядок гибкости при переносе
Я хотел бы добиться чего-то, что отображается так в зависимости от размера экрана:
+---------------------------+
| A | B | C |
+---------------------------+
+---------------+
| A | C |
| B |
+---------------+...
7483 просмотров
schedule
28.06.2023
Стиль портится при уменьшении размера экрана
Пожалуйста, взгляните на мой тренировочный сайт - http://codepen.io/silentarrowz/pen/rLJABR
У меня есть несколько проблем с ним:
При уменьшенном размере экрана eElectronics и корзина вверху не центрируются, а отображаются с одной стороны...
119 просмотров
schedule
02.06.2023
Адаптивное изображение из Psd в HTML
У меня есть фотография в формате jpg шириной 1920 пикселей, но я хочу, чтобы она соответствовала этой ширине.
HTML
<html>
<head>
<title>image</title>
<meta http-equiv="Content-Type"...
92 просмотров
schedule
29.03.2022
как я могу интегрировать бутстрап с jsf?
Как лучше всего использовать JSF с загрузочной платформой?
Я пытаюсь создать адаптивный сайт. Я знаю jsf и Primefaces, но не знаю, как интегрировать bootstrap в jsf.
Есть ли какой-нибудь учебник для начинающих о том, как я могу интегрировать...
10657 просмотров
schedule
07.04.2022
Большой огромный разрыв под изображением главного героя, когда размер окна браузера изменяется до 1100 пикселей или меньше
см. мой codepen: http://codepen.io/Chiz/pen/ZOPvvZ
Когда вы изменяете ширину окна браузера до 1100 пикселей или меньше, в нижней части главного баннера и раздела под ним появляется огромный разрыв.
Я считаю, что это вызвано фиксированной...
136 просмотров
schedule
07.04.2023
Один div не будет совпадать с остальными xs
Это то, о чем я говорю. https://skullscream.github.io/tributepage/
Когда это col-lg , он хорошо выравнивается, но когда вы полностью уменьшаете его до col-xs и col-sm , абзац «биография» не выравнивается с остальными. Может кто-нибудь...
78 просмотров
schedule
16.07.2022
Установите адаптивный макет с помощью JavaFX
я начал работать с javaFX и хочу установить такой макет:
Я установил конструктор сцен, но нет возможности работать с процентами, как с простым div в html...
так что это лучший вариант, чтобы установить этот макет?
это мой простой файл...
8299 просмотров
schedule
23.05.2023
