Отображение сайта на разных мониторах

LG
На сайте с 02.02.2018
Offline
0
409

Добрый день. Есть сайт, адаптивный под мобильные устройства, сылка на сайт. При открытии на мониторах с маленьким разрешением(к примеру 1366х768), сайт адаптируется как под мобильное устройство, то есть весь контет растягивается на всю ширину экрана, а изображение в header обрезается. Как можно сделать, что при открытие на монитора с маленьким разрешение контент сайта пропорционально уменьшался под него и выглядел к примеру как на разрешение 1920х1080, а header не обрезался по краям?

dimsog
На сайте с 08.08.2011
Offline
149
#1

Про медиа-запросы в CSS слышали?

ihor vps -> ihc.ru
LG
На сайте с 02.02.2018
Offline
0
#2

dimsog, небольшое представление имею, но как реализовать не знаю.

dimsog
На сайте с 08.08.2011
Offline
149
#3

lets_g0o,

Держите:

http://htmlbook.ru/css/value/media

Все несложно. Это то, что вам нужно.

LG
На сайте с 02.02.2018
Offline
0
#4

dimsog, спасибо, вроде что-то начало получаться, а чтобы изображение в header не обрезалось так же что-то в media нужно менять?

dimsog
На сайте с 08.08.2011
Offline
149
#5

Оно у вас в background находится, класс .headerContent

попробуйте background-size :contain

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий