html怎么做自适应（）

html页面如何适配？

一、自然拉伸

如果你的网站结构没有用很多图形来连接，结构主要是由表格决定的，那么你可以用这个方法。非常适合以表格和文字为主表达信息的简单网页。在制作表格时，只要将表格的宽度属性定义为100%，表格就会根据分辨率的不同调整其宽度。

第二，固定中心

800×600分辨率制作的网页在1024×768分辨率的机器上打开，整个网页会向左跑；1024×768分辨率的网页有时会变得“在800×600分辨率的机器上很难看”。让我们从两个决定中选一个，好吗？很难做到。所以目前常用的方法是固定对中法！

现在大部分网友还在用800*600的分辨率，所以我们一般可以把重点放在这个分辨率上。只要

如何让应用自适应电脑分辨率？

如何让PC端不同屏幕大小分辨率自适应

前提：因为项目需求是在已有的项目里面增加自适应，不影响其他页面的已有的布局，以下方法仅供参考。

1、安装postcss-px2rem 、px2rem-loader、lib-flexible

2、在根目录src中新建util目录下新建rem.js等比适配文件

找到node_modules里的lib-flexible包,拷贝一份放在utils里面取名为flexible.js，修改lib-flexible的源码,(更改refreshRem函数)修改为下面的代码就可以了，当然if判断是根据自己需求的调整。

目的：因为lib-flexible的源码是针对移动端的设计方案，我们要实现PC的自适应所以屏幕尺寸也要更换。

3、在 main.js中引入我们刚修改过的flexible.js文件(因为我们更改了源码，所有我们需要引入我们改过的文件)

4、在vue.config.js中配置插件

注意：

1、改完配置记得重新编译项目

2、如果个别地方不想转化px。可以简单的使用大写的PX或 Px。

如何让HTML流动布局文字自适应，文字随网页共同放大缩小不会撑出DIV，即如何让网页在不正常比例显示正常？

文字不会随着浏览器窗口放大缩小的字体大小是相对固定的单位，，文字在容器内适应容器的变化，这种情况把文字的那个p 设个超出隐藏好了

css如何设置图片大小自适应？

1.用dw编辑器建立了一个静态页面

2.将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”

3.在body中添加两个p，设置不能的宽度，并设class 为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示

4.在两个p的class 中添加相同的控制图片的class名为了 ”img“，并为p添加控制宽度的样式

5.在两个p中加入相同的图片<img src=”images/5.png” />，在浏览器打开页面发现加入图片后把原来的p都给覆盖掉了

6.这个时候我们需要在img 类中加入限制图片的宽度的css语句让他自己适应容器的宽度.img img{ width:100%; height:auto}