CSS - Страница 864

Веб-сайт «Мое портфолио» работает нормально на ПК и ноутбуке, но на мобильном устройстве он блокируется на главной странице, и я не могу прокручивать веб-сайт. Я меняю так много кодов в JS и CSS, но эта проблема не решена
как это исправить?
Я хочу,...

border-image не отображается в Safari, на планшетах и ​​мобильных устройствах. Это нормально в FF, IE, Chrome и Opera.

Вот HTML:

images/bedroom1.jpg
Room 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh...

Я пытаюсь сделать слайдер на всю ширину страницы. Я пытаюсь использовать гибкие блоки.

.sliderContainer {
width: 100%;
display: flex;
align-items: flex-start;
position: relative;
overflow: hidden;
}

.sliderItem {
width: 100vw;
position:...

Как центрировать 3 изображения подряд при ширине экрана 480 пикселей и 2 изображения при ширине экрана 320 пикселей?

Вот демо-версия JSFiddle

...

@media (max-width: 480px) {}
@media (max-width: 320px) {}

Подробнее здесь:

Я использую flex в компоненте ввода чисел для отображения пользовательских кнопок «+» и «-» рядом с самим вводом. Кнопки используют соотношение сторон: 1/1;, чтобы гарантировать, что они всегда квадратные, но я не могу заставить контейнер кнопок...

Я хочу, чтобы прямоугольная область синего цвета оставалась видимой, когда рисуемый полукруг (с фоном размером со сводом) перетягивается вправо.
`background-attachment: fixed;

Можем ли мы легко решить эту проблему, используя такой подход или...

Я пытаюсь создать иллюзию пользовательской кнопки загрузки файла, поскольку CSS для ограничен и требует усилий. В настоящее время я использую приведенный ниже код:
HTML
Upload File

CSS
.docuploadbtn {
opacity: 0;
}

.uploadcontainer {
width:...

Я недоумеваю, почему полоса прокрутки webkit отлично работает с мышью, но совсем не с сенсорным событием. Опыт работы с Chrome.
У меня есть «контейнер» div с overflow-y: auto. Когда появляется полоса прокрутки, я могу щелкнуть мышью по ее пальцу и...

Сейчас у меня есть анимация границы. Это работает хорошо, но мне бы хотелось, чтобы оно было закругленным.

Когда я пытаюсь использовать border-radius он не округляется.

@property --angle {
syntax: '';
initial-value: 90deg;
inherits: true;
}...

Итак, я написал очень простой код, в котором, если я нажимаю на элемент div, он меняет цвет с синего на красный, но, к сожалению, это не работает, как бы я ни старался.
HTML-код:

А это используемый Javascript:
let imgchanger =...

Я пытаюсь создать раздел страницы с двумя столбцами, и если вы наведете курсор на левую сторону, то оба столбца сместятся к середине (приведя левый столбец в более заметное положение), если вы наведете курсор на правую обе колонки сдвигаются вправо...

Я пытаюсь создать некоторую логику для динамического создания карусели, если часть имеет более одного отображаемого изображения (детали показывают, что это так). Однако, хотя настройка детализации работает, если я попытаюсь сбросить ее при модальном...

На сайте (написанном на React с использованием Typescript и Tailwind) есть модальное окно. Модальное окно реализовано с использованием библиотеки «react-modal»
При стандартных размерах окна браузера проблем с модальным окном не возникает. Однако...

В проекте, который я взял на себя, стиль был написан с помощью SCSS . В какой-то момент мне стало интересно, почему функция CSS clip() была написана без кавычек. Если я удалю кавычки, разницы не будет.
div {
font-size:unquote( clamp(30px, 10px +...

Я использую Ruby on Rails 7. Bootstrap 5. Мое гамбургер-меню откроется, но не закроется. Все остальные выпадающие списки работают нормально. Вот мой код:

ContactPoints.io

Вот мои CDN:

Contact Points...

В настоящее время я работаю над компонентом карточки, используя Tailwind CSS (и Next JS) для настольных компьютеров и мобильных устройств. Чтобы обеспечить адаптивный дизайн, я скрываю версию для настольных компьютеров на мобильных устройствах и...

У меня возникли проблемы с медиа-запросом. Когда я просматриваю свой веб-сайт чем-то большим, чем телефон, моя контактная форма работает так, как задумано. Но как только размер моей навигации становится ниже 768 пикселей, мои поля в форме ведут себя...

Мне хотелось бы знать, есть ли способ увеличить ширину диаграммы, если количество элементов в легенде не соответствует ее исходному размеру
Я много пробовал различных настроек и подходов, таких как изменение атрибутов стиля в контейнере, но ни один...

Итак, для школы нам нужно запрограммировать веб-сайт, и мой посвящен различным историческим темам, веб-сайт включает в себя различные поля с изображением и текстом, и моя цель — добавить небольшой текст под полем, если у вас уже есть текст (поэтому...

Я создаю веб-сайт, чтобы систематизировать некоторую информацию для себя, по какой-то причине один из моих элементов div перекрывается с другим элементом управления, несмотря на то, что у него более высокий z-индекс, чем у элемента управления, с...

Некоторое время пытался разобраться в этом - свойство text-wrap, похоже, не работает должным образом в версиях 16.5 и ниже в Safari (отлично работает в 17.4+), но все остальные браузеры, похоже, работают отлично. У кого-нибудь есть идеи? Я вышел из...

У меня есть таблица внутри div с переполнением. Я хочу динамически загружать контент при прокрутке. В таблице 100 элементов. Я хочу загрузить новый контент, когда элемент номер 90 находится вверху родительского div. Как определить, что элемент с...

Я хочу создать веб-сайт-портфолио и пытаюсь получить следующий макет, но не могу найти соответствующую информацию. Должен ли я использовать Flexbox или CSS Grid для получения следующего макета? (
Я пробовал оба варианта и не могу решить какой из...

Я хочу присвоить заголовку z-индекс, но каждый раз, когда я помещаю его в заголовок, он полностью уничтожается, и я не знаю, как я могу это исправить.
Кроме того, мои поля перекрывают мою навигационную панель/заголовок, могу ли я исправить это с...

Влияет ли выделение текста полужирным шрифтом на тип экрана? Это JSX в реакции:

function App() {
return (
// Problem Here
Info:{ }
);
}

ReactDOM.render(, document.getElementById( root ));
.info-text {
font-size: 14px;
font-weight: bolder;...