А если ширина экрана меньше, чем ширина макета?

Question

[buzzloud]

Всем привет, мастерю такую штуку:
вроде ничего сложного, но есть маленькая загвоздка - расширение моего экрана 1300px, а ширина макета 1600px. Как быть?

- Если говорить о фиксированной ширине макета для большого экрана, то нужно расположить всё в ряд как на макете и получить горизонтальную полосу прокрутки?
- Или в ручную задать в % ширину каждого отдельного блока (для фото и текста (использую bootstrap)) ?
- Или же сделать этот блок с использованием responsive table и, соответственно, в медиа запросах прописать другие стили для меньших экранов?

Как лучше?

Answer 1

[Дмитрий Евграфович]

Я бы поменял количество блоков в строке. И не забывайте еще о мобильных экранах.

Answer 2

[Дима Паутов]

Во 1х не расширение, а разрешение!
Во 2х задавайте в процентах, а на еще меньших экранах смещайте блоки по 2 в строке

Answer 3

[semki096]

ищите готовый плагин, иначе сами намучитесь и потом - поддержка будет плеваться, когда надо будет добавлять-редактировать текст и картинки.

Comments

[Stanislav]

Кыш, быдлокодер, не порочь умы начинающих.

Answer 4

[Stanislav]

Прочитайте про max-width и min-width. Используйте их вместо фиксированного width.