随着科技的进步，互联网设备已经不再局限于电脑，而出现了平板，手机，手表等产品。作为一个前端，在制作页面的时候必须要考虑到页面适应屏幕的问题。这篇经验和大家分享我平常工作中是怎么处理让页面自适应屏幕的。
工具/原料
notepad
浏览器
如何写一个自适应网站
1、要让页面自适应屏幕，首先要制作好一个差不多完整的HTML作品。这里就做一个简单的示范，做一个导航栏。（因为经验不能上传文字过多的图片，只能截取部分了，这是一个demo作品）
3、使用F12控制台进入移动设备观看。可以看到这一行代码的在移动设备中起的作用。查看的方法是按F12，然后在控制台选项上方element左侧。
5、针对PC的浏览器，可以直接用body{width:100%;}的写法，但是如果图片小于最后效果的话，会导致失真。所以一般不这么用。但是如果其他方法试过了都无法实现自适应的话（因为代码结构不同，难免出现无法实现的现象），这是强行自适应的方式。
7、写一个function，对ResizeDiv进行重定义大小并且重新载入。这里会根据窗体大小设置控制的高和宽。下面的window.onresize(){}当窗口大小改变的时候就触发事件；之所以要在window.onresize事件前加一个Resize()是为了防止他只执行一次。
