Мне нужно масштабировать мои изображения, как только изменится размер экрана/браузера, соотношение сторон и положение.Масштабирование изображений при изменении размера экрана
Я знаю о ширине: 100%, max-width; height: auto - и т. д. - но ни один из них не является тем, что я ищу - это действительно должно быть точно для моей линии: начать масштабирование изображений сразу, когда окно браузера даже сводится к минимуму до 99%
Здесь это код, чтобы показать вам:
<div class="foo">
<img src="http://i.imgur.com/RYjIHr9.png">
</div>
<style>
@media (min-width: 100px) and (max-width: 768px) {
.foo img {width: 100px;}
}
</style>
Живой пример:
https://jsfiddle.net/20t24pqh/2/ - попробуйте изменить размер окна браузера
, что ваш код? Я думаю, что использование bootstrap поможет вам иметь класс, отвечающий требованиям img. что сделает ваше изображение восприимчивым к окну. см. http://getbootstrap.com/
Не много кодирования в html, все происходит i css - моя сеть, где я пытаюсь сделать эту работу: http://www.kjellerup.biz /index.php – Mick
Cloudania предлагает приятную отзывчивую поддержку изображений.
http://cloudinary.com/blog/how_to_automatically_create_images_for_responsive_design
Выглядит очень хорошо, но разве это не просто «просто» масштабирование, как вы легко можете сделать ширину вышеупомянутого? Даже если изображение меньше в окне браузера, я хочу, чтобы оно масштабировалось, как только вы начинаете минимизировать (или масштабировать, например). – Mick
Не уверен, что я понимаю, чего не хватает. Посмотрите на этот пример: https://fiddle.jshell.net/fh9njeLm/3/ В частности, если вы уменьшите масштаб изображения, будет изменен размер, и если вы увеличите масштаб в какой-то точке, то CloudLine получит более крупное изображение до сохранить качество. –
Это о том, что я всегда делаю, но оно не изменяет размер ничего, что действительно необходимо. Для меня это необходимо с того момента, когда кто-то изменит размер браузера - thnx – Mick