[wp-trac] [WordPress Trac] #36962: Responsive images WONT work in mobiles

[WordPress Trac]

#36962: Responsive images WONT work in mobiles
--------------------------+-----------------------------
 Reporter:  gabu69        |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Media         |    Version:  4.5.2
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 I just noticed the responsive images aint working for mobiles in my
 wordpress site.

 For example I test a mobile browser here: http://www.recreotesting.com
 /responsive-images/ and using Google Chrome Developers Tools (F12) I
 notice the image that is being displayed to the reader is actually the
 biggest size one.
 http://imgur.com/oipXb3T

 But when I do it in a desktop with screen<400px it will work:
 https://imgur.com/YV77xBE

 How can I fix this?

 Seems the code is fine as far as I see?:<p><img
 src="http://www.recreotesting.com/wp-content/uploads/2016/05/TheMask.jpg"
 alt="TheMask" width="2048" height="1130" class="alignnone size-full wp-
 image-14412" srcset="http://www.recreotesting.com/wp-
 content/uploads/2016/05/TheMask.jpg 2048w, http://www.recreotesting.com
 /wp-content/uploads/2016/05/TheMask-400x221.jpg 400w,
 http://www.recreotesting.com/wp-content/uploads/2016/05/TheMask-
 730x403.jpg 730w" sizes="(max-width: 2048px) 100vw, 2048px" /></p> /></p>
 }}}


 Works on desktop but in my mobile (LG 4, chrome 50.0.2661.89) it wont
 simply work the responsive images which is the point for it mostly right?

--
Ticket URL: <https://core.trac.wordpress.org/ticket/36962>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform