网页css框架适应，css制作网页基本框架

关于一个HTML/CSS自适应的问题

1、min980px.css文件里要用百分比的方式来布局，这样布局就自适应了，另外字体的大小也要用自适应才行，如大小用em做单位。当布局缩小时，布局也有相应的改变，如隐藏一些不大重要的内容。

2、用百分比实现 width：50%，这样会根据屏幕的大小来自适应宽度 （插一条calc的属性详解）vw ：Viewport width，即容器（可以是div）的宽度，默认1vw=整个视窗宽度的1%，全屏为100vw。

3、设计难 在自适应网站建设过程中，需要考虑的内容更为广泛，而且还有考虑其他方面的一些问题。比如可读性、区域面积及不同设备下运行的状态等。这对于设计师的要求甚高，这样导致要做一个完美自适应网站变得很难。

4、用纯DIV+CSS实现，不采用脚本计算高度的方式；调整浏览器大小时，中部DIV能随着屏幕高度自适应。

5、你可以设置div的最高高度(max-height)为窗口的高度，滚动条设置为自动：overflow：auto，就可以实现所需。

相关问答

Q1: CSS如何让iframe实现自适应高度的效果

script language=javascript//输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个iframe的ID分隔. 例如： [myframe1， myframe2]，可以只有一个窗体，则不用逗号。

iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的实际高度，超出的部分无法显示；相反，如果iframe的高度过高，则页面上会出现大量的空白区域。

iframe自适应高度设置，iframe自适应高度和宽度相信很多小伙伴还不知道，现在让我们一起来看看吧！ 在文件夹里创建两个html文件，一个“index”一个“iframe”。 在index中添加一个iframe标签，直接嵌入iframe页面。

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

Q2: html+css怎么实现网页整体布局自适应(宽度随着屏幕分辨率变化而变化...

1、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：metaname=viewportcontent=width=device-width，initial-scale=0/。

2、第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了： 解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。

3、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。

4、响应式布局设计：响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。

5、css把宽度设置成百分比，width：100%；左右布局按一定比例设置好 ，需要多次调试，保证不同分辨率下的美观性。根据不同分辨率或者不同屏幕大小定义相应的CSS文件。一般多采用这种方式。

6、整体和各个区块都长度width都设置我百分比，就是每个区块都设置为相对的！这样就可以做到页面跟随浏览器屏幕变化而变化，例如：左边区块设置为15%，右边区块设置为80%。

网页css框架适应的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css制作网页基本框架、网页css框架适应的信息别忘了在本站进行查找喔。