samo733792 19 Опубликовано: 8 января 2014 Рассказать Опубликовано: 8 января 2014 Доброго времени суток, у меня сайт под тематику смартфонов, недавно начал верстать (я ноль в этом деле) один шаблон для мобильной версии сайта. Все сделал как нужно, все работает нормально как мне нужно, но картинки в полной и короткой новости отображаются больше чем экран. Пытался вытащить все из стандартного шаблона smartphone но там я не нашел стиль который отвечает за это. Может кто нибудь посоветовать как можно сделать так чтобы картинки били чуть меньше чем экран смартфона, подскажите код в CSS. Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 9 января 2014 Рассказать Опубликовано: 9 января 2014 Можете трансформировать картинки средствами CSS, но это плохое решение для мобильного устройства, так как все равно будет загружаться большая картинка. Например: article img { width: 50%; } - картинка на всех разрешениях экрана будет занимать 50% своего родителя (контейнера) Цитата Ссылка на сообщение Поделиться на других сайтах
samo733792 19 Опубликовано: 10 января 2014 Рассказать Опубликовано: 10 января 2014 Автор Можете трансформировать картинки средствами CSS, но это плохое решение для мобильного устройства, так как все равно будет загружаться большая картинка. Например: article img { width: 50%; } - картинка на всех разрешениях экрана будет занимать 50% своего родителя (контейнера) Спасибо вам большое, вы мне очень помогли, я просто в файле css написал img { max-width: 100%; height: auto; } <img src="path/to/image" data-min-width="25em"> .grid__item { overflow-x: auto; } Все работает как мне нужно. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.