小白走一波关于图片调整大小适配网页的基础方法

改适配改了两天最后才大悟，原来没有这么复杂，基础的大小适配还是很好操作的，比如图片等。

首先是在head与head之间插入一段固定的代码：

  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">

这段代码通用的，不用改动，直接拷贝上去就行。

然后。

比如图片的适配：

<img style="width:80%; max-width:300px min-width:100px" src="img/contactus.png"/>

代码很好理解：

style设置类型，通过width类型设置图片宽度。

可以通过最大宽度、最小宽度来保证图片的可读性，通俗地说也就是设置一个范围，然后图片的大小变化只在范围内。

如果有错误请为小白指出、

新手记录。