1、首先，在网页代码的头部，加入一行viewport元标签。
创新互联公司是一家专业提供巴州企业网站建设,专注与网站设计制作、做网站、H5网站设计、小程序制作等业务。10年已为巴州众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
2、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：。图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。
3、在一个页面中，只有一个div，想是div充满全屏，常规的想法是设置高度宽度为100% ，代码如下： ？但是这样的话，div四周都会有边距，并没充满全屏。
如何通过CSS3 实现响应式Web设计： 分为三个步骤：（1）允许网页宽度自动调整。
如何用CSS做响应式布局呢？在HTML头部添加以下代码，用来显示兼容移动设备的显示效果。
当然你可以再多设置几个尺寸的监测层叠样式表，这样子就可以根据不同尺寸设备来进行响应式的布局。
如果对DIV设置全屏，一般我们就设置其width宽度样式为100%。这里为了方便理解，DIVCSS5实例讲解DIV全屏实现对最外层DIV给予id引入CSS命名为warp；同时为了便于观察，我们对div设置一个css背景为黑色，高度为80px。
比如#bg{position：fixed；width：100%；height：100%；} 万维网上的一个超媒体文档称之为一个页面（外语：page）。
-让容器高度充满这个屏幕 在容器内容很少的情况下，要想让这个容器充满整个屏幕：`.container{ }`2-让容器高度充满剩余屏幕高度 要让容器充满屏幕的剩余高度，用 vh 结合 flex 布局就可以实现。
首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。
