Я использую http://www.getskeleton.com/ в разделе для моего сайта. Я хочу, чтобы изображение изменялось на разные размеры экрана, например. iPhone. Кто-нибудь знает самый простой способ сделать это? Я сделал поиск в Google и получил слишком много опций, чтобы узнать, что лучше. Что мне нужно, так как экран становится меньше, изображение меняется на меньшее.Отзывчивые изображения - Изменение размера изображения на разных размерах экрана
Это сложный вопрос: есть много способов, которые были разработаны дизайнерским сообществом, каждый из которых имеет разные плюсы и минусы. Там нет «идеального» один (я/е новый IMG тег с запросами средств массовой информации, а working group является адресация вопроса)
Ма любимым способа сделать это описано здесь: http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag
Вы будете иметь чтобы адаптировать их сценарий, потому что это рубиновый помощник, а не простой html/js.
Вы найдете
img.scale-with-grid {max-width: 100%;height: auto; }
только пользователь «масштаб с сеткой» в изображениях, и он будет делать трюк
Я нашел img.scale-with-grid {width: 100%; height: auto; } работает лучше – Laurence
После небольшого копания я обнаружил, что в рамках был метод делай именно то, что я хотел. img.scale-with-grid { \t \t max-width: 100%; \t \t высота: авто; } спасибо за ваш ответ –
Будет ли он заменять ваше изображение в соответствии с разрешением устройства? – mddw
ЕСЛИ это ваш ответ, вы должны добавить его в качестве ответа и принять его, чтобы другие его поиски могли его найти. –