1 сентября 2013 в 19:38
Добрый день!
Мой сайт - http://mirmetro.net/ У меня такая проблема: в шапке сайта расположена картинка шириной 1200. Если смотреть сайт с компьютера, то все нормально, если же смотреть сайт с планшета или с телефона, то размер окна не ужимается, т.е. картинка в шапке не сжимается и открывается на полную и читать сайт с телефона невозможно. Ведь есть же сайты где в шапке тоже картинки на всю ширину экрана, но когда заходишь с планшета\телефона все нормально отображается. Как можно решить эту проблему (картинку в шапке хочется, все-таки сохранить)?
Спасибо!
Комментарии
да там не картинка, там целый слайдер
включено кеширование css, поэтому имя файла стилей не видно, но скорее всего это style.css в папке темы,
в нём в 7й строке, в правиле
#page-wrapperпопробуйте заменитьwidth: 1200px;наwidth: 100%;и добавитьmax-width: 1200px;, чтобы страница не расползаласьда и вообще все классы просмотреть, следующий идет .container с заданной шириной 1200 пикселей
Сделал как сказали: теперь ширина нормальная, но шапка все равно не масштабируется. Т.е. если, скажем, смотреть через планшет в вертикальном виде - то сама страница сужается до границ экрана, а шапка остаётся в 2 ширины страницы. Что делать?
изучить css
http://clip2net.com/s/5Gw1Xs
Поиграйтесь с mediaelement в CSS3. Это как раз нужно для отображения сайта на различных разрешениях. Сам сейчас делаю адаптивный дизайн, все отлично работает