Мне нужно, чтобы собственный жест масштабирования в мобильных браузерах вел себя как настоящее масштабирование браузера: когда пользователь сводит пальцы, медиа-запросы должны пересчитываться, а макет должен перекомпоновываться. В то же время...
Когда в системе установлен темный режим, к странице применяется стиль браузера по умолчанию, что делает мои разделы темнее. Я не хочу, чтобы это произошло. Я попробовал включить светлый режим только независимо от темной темы системы:
У меня есть прикрепленный заголовок с полем поиска. Чтобы обеспечить теги привязки ( ) не скрывает содержимое за верхней частью заголовка, я добавил следующий CSS.
html {
scroll-padding-top: 48px
}
Однако, если прикрепленный заголовок включает в...
У меня есть контейнер с несколькими элементами, отображаемыми с помощью CSS Flexbox, с flex-wrap: wrap и justify-content: center , чтобы элементы были визуально центрированы и быстро переносились. Каждый элемент имеет фиксированную ширину.
Над этим...
Я пытаюсь реализовать темный режим в своем приложении Next.js с помощью TailwindCSS. Однако классы dark: TailwindCSS не применяются , даже если класс .dark присутствует в теге .
global.css
@import tailwindcss ;
@import tw-animate-css ;
@plugin...
У меня есть данные JSON в dummyData. Я не знаю, как разместить пузырьки чата слева и справа в зависимости от направления. Я использую пользовательский интерфейс Material и контекстный API. Изображение для справки. Я не хочу использовать какую-либо...
Я пытаюсь реализовать темный режим в своем приложении Next.js с помощью Tailwind CSS.
Однако классы dark: Tailwind не применяются , даже если класс .dark присутствует в теге .
global.css:
@import tailwindcss ;
@import tw-animate-css ;
@plugin...
Я хочу добавить rgba(0,0,0,0.25) поверх backgroundColor: #0075FF , чтобы сделать его темнее. Однако есть ли способ добиться этого без использования смешанного значения цвета? Примечание. Я также хотел бы избегать подхода, в котором поверх него...
Я использую тему Radix и я специально использую компонент Table.
Я хочу переопределить стиль по умолчанию только для компонента Table.Header таблицы - чтобы избавиться от стиля границ, а именно border-styling:none, чтобы он соответствовал дизайну...
На сайте, который я создал (здесь), есть веб-карусель, которая автоматически слайдирует (хотя вы также можете использовать элементы управления для перемещения по слайдам вручную). Он отлично работает во всех браузерах, и ручное управление не...
Я сделал фоновое видео для своего сайта, которое работало во всех браузерах. Но, похоже, возникла какая-то проблема с браузером Safari версии 17.2.1. По умолчанию видео будет остановлено, и будет видна кнопка воспроизведения (чего нет в других...
Я создал собственный компонент , который используется внутри ячейки таблицы при редактировании строки. Я также создал собственный крючок, который можно использовать в компонентах для передачи фокуса данному элементу при монтировании компонента.
В...
Я пытаюсь понять, в чем дело с объединением псевдоэлементов с селектором ::slotted, похоже, с некоторыми он работает, но не с другими, и я не могу найти документацию со списком селекторов, с которыми он работает.
Вот демонстрация проблемы: обратите...
В Elementor 3.32 Pro конструктор теперь полностью учитывает предпочтения пользователя относительно ограниченного движения. Это означает, что эффекты движения не активируются, когда включено ограничение движения.
Я управляю школьным веб-сайтом, и...
У меня есть липкая панель в правой части страницы, и я хочу анимировать ее свойство top (и высоту), чтобы она хорошо соответствовала переходу к исчезающей панели объявлений в верхней части страницы. Ниже видео показана текущая проблема:
Вопросы и ответы окружены пользовательскими оболочками div.
Закрывающий элемент div находится на следующей строке, создавая пустую строку.
Я хочу удалить эту строку.
Ссылка на публикацию:
Я уже пробовал использовать CSS-код с пробелами следующим...
Моя цель — создать раздел с заголовком, логотипом, выровненным по левому краю, и цветным фоном. Логотип и фон также должны быть заключены в рамку. Примерно так:
Правильное выравнивание достигается с помощью этого кода CSS:
h1 {
padding: 10px;...
Спасибо, что посмотрели на это — любые советы приветствуются.
На созданном мной сайте (здесь: есть веб-слайдер, который автоматически прокручивает слайды (хотя вы также можете использовать элементы управления для перемещения по слайдам вручную). Он...
Я работаю с , и у меня возникли проблемы с настройкой его размера.
Когда я пытаюсь увеличить высоту, ползунок на самом деле не становится толще, он просто перемещается вниз.
Когда я пытаюсь увеличить ширину, ползунок становится длиннее, а не...
В Elementor 3.32 pro конструктор теперь полностью учитывает предпочтения пользователя относительно ограниченного движения. Это означает, что эффекты движения не активируются, когда включено ограничение движения.
Я управляю школьным веб-сайтом, и...
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете добавлять вложения