Вопросы по теме 'fluid-layout'
Переполнение CSS: скрытые ограничения ширины div
Итак, я столкнулся с этой проблемой, когда переполнение: скрытое в div в контейнере ограничит ширину div, когда он должен быть плавным. Итак, в основном у меня есть структура, подобная этой:
<div id="container">
<div...
7111 просмотров
schedule
12.12.2022
CSS бок о бок div с шириной в пикселях и процентах
У меня есть два div (бок о бок) внутри родительского div, я хочу, чтобы правый div занимал 100% оставшегося пространства (т.е. 100% - 200 пикселей) и всегда должен оставаться рядом с левым div (не ниже левого div):
<div id="wrapper"...
26776 просмотров
schedule
07.07.2023
Каков предпочтительный способ масштабирования изображений в адаптивном веб-дизайне для мобильных устройств?
Каков предпочтительный способ масштабирования изображений в адаптивном веб-дизайне?
Разное изображение для разного размера экрана лучше, или мы должны масштабировать одно и то же изображение вверх и вниз?
Какой вариант лучше всего подходит для...
3365 просмотров
schedule
13.04.2022
Как сделать так, чтобы дети автоматически соответствовали ширине родителя только с помощью CSS?
У меня есть компонент на стороне сервера, который создает «панель инструментов» с плавным макетом, используя DIV без фиксированной ширины, создавая внутри нее множество A .
Затем мне нужно настроить этот макет, чтобы все теги A автоматически...
36276 просмотров
schedule
27.06.2022
Проблема с макетом на основе em
Я пытаюсь создать макет с помощью css, где все размеры указаны в em. У меня сложилось впечатление, что это позволит отображать страницу одинаково при разных размерах шрифта/уровнях масштабирования. Однако я замечаю, что текст переносится по-разному...
347 просмотров
schedule
25.06.2022
Жидкие изображения: как установить ширину и высоту?
Я пытаюсь создать гибкий макет, для которого я создаю большие изображения с помощью:
.fluid_img {
height: auto;
width: auto;
max-width: 100%;
}
Это отлично работает, проблема в том, что я больше не могу использовать атрибуты ширины и...
13264 просмотров
schedule
29.06.2023
CSS: 3 столбца высотой 100%
Вот пример страницы:
http://jsfiddle.net/SkeLLLa/pwfH2/
Я хочу установить 100% высоты для класса content (см. комментарий «Здесь проблема» в исходном коде CSS), но когда я это делаю, левый и правый столбцы (вложенные в content div)...
5813 просмотров
schedule
09.05.2023
Почему мой медиа-запрос CSS игнорируется или переопределяется?
Это сводит меня с ума! Я просмотрел несколько вопросов в Stackoverflow и увидел, что элемент ID имеет приоритет над элементом класса (это полезно знать, но у меня такое чувство, что это не моя проблема). Это мое меню НАВИГАЦИЯ, с которым я борюсь....
30094 просмотров
schedule
27.01.2023
Меню гибкой ширины с использованием CSS
У меня есть горизонтальное меню CSS. Проблема в том, что когда пользователь создает более 5 пунктов меню, вкладки li перемещаются на новую строку. Я не хочу, чтобы это произошло.
Как я могу сделать ширину плавной, чтобы, если пользователь создает...
3262 просмотров
schedule
16.03.2023
CSS — различные изображения заголовков для веб-сайта с гибкой сеткой
РЕДАКТИРОВАТЬ: читайте дальше, затем следующие 5 строк! Моя проблема заключается не в логике создания разных css для мобильных устройств, планшетов и настольных компьютеров (запрос @media ) - проблема заключается в изменении атрибута IMAGE.SRC...
5563 просмотров
schedule
28.01.2023
Справка по макету CSS - плавная по вертикали и абсолютная
У меня есть система комментариев, которую я хочу размещать справа от моей страницы, абсолютное позиционирование:
Я хочу, чтобы в поле было максимальное количество комментариев, не слишком беспокоясь о высоте, так как я ограничиваю символы
Но я...
87 просмотров
schedule
30.10.2022
Несколько изображений жидкости
У меня есть простой контейнер с изображением в нем.
<div class="container" style="width:800px;">
<img src="http://www.lovehkfilm.com/panasia/aj6293/gu_gu_the_cat.jpg">
</div>
Если я установлю стиль img max-width: 100%;...
232 просмотров
schedule
17.06.2023
Странное пустое пространство, появляющееся в правой части веб-страницы
Я пытаюсь создать веб-страницу, которая должна отображаться одинаково как на широком экране, так и на мониторах с маленьким экраном. Я пытался сделать его плавным, но тем временем в правой части веб-страницы появилось странное пустое пространство....
3993 просмотров
schedule
21.01.2023
Фиксированная неуказанная ширина + гибкий макет
Это должно быть легко в 2012 году :P
Что мне нужно сделать, так это иметь 2 div рядом. В левом находится таблица. Правый содержит карту Google.
Левый div должен расширяться настолько, насколько это необходимо для размещения ширины таблицы...
215 просмотров
schedule
24.12.2022
Как совместить статическую и гибкую верстку с Twitter Bootstrap?
Мне очень нравится плавный макет Bootstrap, за одним исключением. Сжимать боковые панели очень неудобно, так как боковые панели обычно содержат навигацию или справку, которые выглядят плохо при изменении размера. Есть ли способ зафиксировать боковую...
296 просмотров
schedule
05.07.2023
Измените ширину внешнего div в зависимости от содержимого внутренних div.
Я пытаюсь отобразить класс эскизов в новой строке, если они не помещаются по ширине в div external-1, не показывая пустых мест в div external-1.
<div class="outer-block">
<div class="outer-1">
<div...
507 просмотров
schedule
13.10.2022
как сделать высоту жидкости с помощью бутстрапа или @media-query?
Я использую бутстрап для системы жидкой сетки.
у меня есть div с классом . span6 , и я установил для этого heigth:200px .
теперь я хочу, чтобы при изменении размера окна высота div уменьшалась, как ширина....
381 просмотров
schedule
22.03.2023
Bootstrap 3 отзывчивый с несколькими точками останова
Я использую последнюю версию Bootstrap 3.0 RC1 и пытаюсь создать обзор изображений с отзывчивостью и несколькими точками останова, когда изображения становятся слишком маленькими (как видно на Dribbble).
Проблемы:
Масштабирование изображения...
12732 просмотров
schedule
14.08.2022
Фиксированное поле в гибком макете
У меня есть следующий HTML:
<div id="wrap">
<div id="col-1">column 1</div>
<div id="col-2">column 2</div>
<div id="col-3">column 3</div>
</div>
И у меня есть следующий CSS:
#wrap {...
820 просмотров
schedule
28.08.2022
Выравнивание по нижнему краю правых элементов div в флюид-макете
Пожалуйста, кто-нибудь может помочь? Мне нужно выровнять мою навигацию по изображению RH, чтобы она всегда находилась внизу окна браузера, независимо от того, как изменяется размер окна.
Я создал гибкий макет родительского контейнера .container...
1606 просмотров
schedule
29.01.2023