为什么在移动设备上打开网站时要调整图像大小？

Question

为什么在移动设备上打开网站时要调整图像大小？

https://jsfiddle.net/udwsdpv8/

<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">
<img src="http://mobiletest.me/themes/sky/phone_thumbs/ipad_mini.png">

我的手机网站显示如下：

但我希望在移动设备上像这样（真实图像大小）：

我该怎么做？

Answer 1

像这样添加媒体查询

@media(max-width:600px){
  img{width:100%;}
}