Изображения не сжимаются при изменении размера сайта в адаптивном дизайне

У меня есть сайт: www.emantiss.comИзображения не сжимаются при изменении размера сайта в адаптивном дизайне

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

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

, но он не работает для меня. Если some1 может мне помочь. это будет замечательно.

источник

2014-02-20 dAxx_

Во-первых, пожалуйста, не делайте этого 'maximum- scale = 1.0', это плохой пользовательский интерфейс. Вы дали фиксированные ширины ваших изображений? Вы даете изображения 'max-width: 100%;' –

try 'img {max-width: 100%; высота: авто; } '__edit__ только что проверил сайт, вам нужно немного поиграть с ним, скрипт динамически применяет ширины и высоты и переопределяет CSS. – martincarlin87

В дополнение к комментарию выше 'maximum-scale = 1.0, user-scalable = 0' отключает способность пользователей фиксировать/масштабировать/масштабировать/масштабировать ваш сайт на устройстве с сенсорным экраном. –

Если вы хотите, чтобы изображения соответствовали размеру окна браузера, вы должны использовать относительное значение, то есть процентные значения. Вы можете использовать медиа-запросы в вашем файле css, чтобы ограничить это поведение окнами до определенного размера.

источник

2014-02-20 12:39:15

Это один быстрый способ сделать это при условии, вы используете <IMG> тег:

CSS

.container{max-width-500px;} 
.container img{width:100%;}

HTML

источник

2014-02-20 12:40:12 steakpi

Изображения не сжимаются при изменении размера сайта в адаптивном дизайне

ответ

Смежные вопросы