在移动设备上打开网站时，为什么要调整图片

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%;}
}