Ширина по умолчанию с Srcset на Chrome/FF

Question

Я реализую страницу, где мы хотим использовать srcset. Проблема в том, что я хочу, чтобы изображение отображалось с размером по умолчанию, без установки его ширины.

Кажется, это невозможно для Chrome/FF. Удивительно IE11 показывает это, как я думал, что он должен ..

Взгляните на этот пример:

<img src="http://www.komplett.no/img/p/200/F359034.jpg" srcset="http://www.komplett.no/img/p/200/F359034.jpg 200w, 
        http://www.komplett.no/img/p/200/F359034.jpg 200w "> 

http://jsfiddle.net/goa3xu5f/

Здесь вы видите, что изображение будет больше ширины, насколько это возможно, даже хотя изображение намного меньше.

Если вы не установили srcset он загрузит с начальным размером:

<img src="http://www.komplett.no/img/p/200/F359034.jpg"> 

http://jsfiddle.net/g7j6fgd2/

Я не знаю, если это ошибка или нет, но кто-нибудь знает, как я могу использовать srcset и по-прежнему показывать изображение, поскольку оно является оригинальным размером, а не браузером, масштабирующим его?

Answer 1

Это работает отлично проверить это DEMO

<img src="http://upload.wikimedia.org/wikipedia/commons/c/c6/Russell_Falls_2.jpg" srcset="http://upload.wikimedia.org/wikipedia/commons/c/c6/Russell_Falls_2.jpg 1x, http://upload.wikimedia.org/wikipedia/commons/c/c6/Russell_Falls_2.jpg 2x"> 

Answer 2

я неправильно понял, что имел в виду спецификация размер, и теперь я понимаю, почему он ведет себя так. Я рекомендую прочитать это https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/

Answer 3

Это связано с тем, что вам необходимо установить атрибут sizes, чтобы сообщить браузеру, размер которого должен быть показан.

sizes теперь является обязательным атрибутом, но если его нет, значением по умолчанию является 100vw, что означает полную ширину окна просмотра.