Вопросы по теме 'responsive'
встроить внешний сайт в html5
У меня есть два веб-сайта, и я хочу встроить один веб-сайт в другой веб-сайт. Для этого я использую код для встраивания
<object data="http://mywebsite.com" width="100%" height="100%">
<embed src="http://mywebsite.com" width="100%"...
5889 просмотров
schedule
27.05.2024
Автоматическая подгонка макета фиксированной ширины к ширине экрана
У меня есть веб-сайт с макетом фиксированной ширины, который нельзя легко изменить. Его ширина составляет около 1300 пикселей, поэтому на маленьком экране он плохо отображается.
Я ищу решение, чтобы сайт хорошо выглядел даже на маленьких экранах....
195 просмотров
schedule
11.03.2024
Одна колонка на мобильном устройстве вместо двух колонок
Я хочу показывать продукты на страницах категорий продуктов в одном столбце на мобильных устройствах. Но он показывает 2 столбца, и это может вызвать проблемы с внешним видом. Я пытался сделать это ниже кода CSS, но это не сработало:
@media only...
3747 просмотров
schedule
26.01.2024
CSS Изменение размера изображений, сохраняя форму
У меня есть формирование изображений, как показано здесь:
Ниже приведен HTML-код. «вторая панель» — это основная оболочка, на которой находится фоновое изображение здания. Каждое изображение в форме «ромба» позиционируется абсолютно с...
132 просмотров
schedule
27.10.2023
Использование адаптивного слайд-шоу в качестве полноразмерного фона веб-страницы с помощью html/javascript
ребята!
Я работаю над проектом для своего портфолио, который, по моему мнению, был бы абсолютно приятным со следующей функцией: адаптивное слайд-шоу, подходящее для браузера, состоящее из интерактивных изображений, которые связывают вас с...
36 просмотров
schedule
05.03.2024
Как уменьшить тексты, если они не помещаются в холдеры?
У меня есть адаптивные блоки ( divs ), содержащие динамические тексты. Тексты обычно достаточно короткие, чтобы поместиться в рамки, но иногда некоторые из них больше и не помещаются.
Я пытаюсь решить эту проблему, усекая тексты с text-overflow:...
102 просмотров
schedule
19.04.2024
Как сделать значок над полем ввода отзывчивым
У меня возникла проблема с тем, чтобы мой значок оставался фиксированным в правом верхнем углу поля ввода, чтобы он реагировал. Я хочу иметь возможность настроить его на различные размеры экрана. В настоящее время у меня есть следующие коды:...
922 просмотров
schedule
09.04.2024
ng-Click под отзывчивой кнопкой Jquery Datatable
Когда я нажимаю кнопку под кнопкой Jquery Datatable, отвечающей за плюс, ng-щелчок не работает.
Под адаптивной кнопкой кнопка ng-click не работает
Можно увидеть в демо-версии здесь
$scope.initTables = function(){
var tbl =...
281 просмотров
schedule
02.02.2024
HTML, CSS, адаптивный: как использовать спрайт, содержащий изображения разных размеров?
На моем сайте мне нужны изображения разных размеров. Например:
Изображения A, B, C: 320 x 320 пикселей
Изображение D, E: 400 x 200 пикселей
Изображение F: 20 x 16 пикселей.
Я хочу сделать один спрайт для всех изображений. Я хочу...
729 просмотров
schedule
07.11.2023
Адаптивный контент растянут
У меня возникла проблема с включением проигрывателя SoundCloud и адаптацией границ для мобильных устройств. Я поставил высоту и ширину на авто и исправил отзывчивость, но не плеер не вписывается в границу. Он также растягивается, когда на рабочем...
91 просмотров
schedule
05.02.2024
Адаптивный html/css макет с 3 столбцами — правый столбец размещается под левым столбцом
Я пытаюсь заставить правый столбец макета из трех столбцов перемещаться ниже левого столбца на небольших экранах. Прямо сейчас правая колонна движется в правильном направлении, за исключением того, что она висит ниже средней колонны.
Я создал эту...
1358 просмотров
schedule
11.01.2024
Как изменить размер шрифта класса, чтобы сделать его отзывчивым, используя Bootstrap4 с sass?
Итак, я работаю над проектом, используя Bootstrap 4 sass, и я хочу, чтобы размер шрифта h3 был отзывчивым.
Когда я перехожу к _type.scss, свойство h3 выглядит так:
h3, .h3 { font-size: $h3-font-size; }
он вызывает переменную $h3-font-size...
1207 просмотров
schedule
28.11.2023
Отвечающие элементы div одинаковой ширины и высоты с наложением при наведении
У меня возникли проблемы с тем, чтобы высоты на моих divs совпадали. Мне нужно, чтобы они соответствовали высоте div с наибольшим содержанием, что обычно легко, НО я делаю это с наложениями, которые также содержат больше текста. Я не могу сделать...
611 просмотров
schedule
18.09.2022
Адаптивный режим не работает в шаблоне Joomla, созданном с помощью Artisteer
У меня есть веб-сайт с CMS Joomla 2.5 и шаблоном (темой), созданным с помощью Artisteer 4.1. Адаптивный (мобильный) режим не работает, но файл template.responsive.css есть и кажется в порядке, и общая структура шаблона тоже в порядке (по сравнению с...
188 просмотров
schedule
11.12.2023
JSSOR $ScaleWidth() не работает на Android Chrome
Я работал над размещением 2 ползунков JSSOR на веб-странице, и в целом мне очень повезло, за исключением того, что я обнаружил, что адаптивный код, который я добавил на страницу, работает на моем рабочем столе, но когда я тестирую на своем Android,...
165 просмотров
schedule
03.01.2024
Bootstrap, как сохранить среднюю строку всегда между строкой заголовка и строкой нижнего колонтитула
Недавно я добавил стили для img на этом дисплее, который у меня есть для max-height:100% and max-width:100% , который казался нормальным только с изображениями, но я понял, что если в моей средней строке (которая может содержать один или 2 столбца...
37 просмотров
schedule
24.01.2024
Раздел 100vh перекрывает другой раздел 100vh на мобильном телефоне
Моя цель - создать два раздела с полной высотой области просмотра в браузере. Приведенный ниже код отлично работает в настольной версии, однако в мобильной версии содержимое второго раздела (3 столбца начальной загрузки с некоторым текстом )...
80 просмотров
schedule
03.10.2022
Начальные изображения в перекрывающихся столбцах
Я пытался заставить 3 изображения реагировать, используя столбцы начальной загрузки. Они кажутся отзывчивыми, но проблема в том, что изображения перекрываются, за исключением последнего столбца, который остается нормальным.
<div...
1452 просмотров
schedule
17.04.2024
адаптивный SVG с использованием окна просмотра
Мне удалось сделать SVG отзывчивым, используя окно просмотра следующим образом:
var svg = d3.select("#vis").append("svg")
.attr("width", "100%")
.attr("height", "100%")
.attr("viewBox", "0 0 960 500")...
128 просмотров
schedule
22.10.2022
Пользовательский интерфейс материала реагирует на размер элемента
Я использую React и MaterialUI для создания системы, которая будет отображать виджеты внутри другого (не основанного на React) веб-сайта. Я хотел бы сделать виджеты адаптивными, но они должны реагировать на ширину своего контейнера, а не на ширину...
2195 просмотров
schedule
09.12.2023