有关css中浏览器尺寸的自适应问题

2024-11-27 16:09:34

推荐回答（3个）

回答（1）：

就像他们所说的那样，你要是消宏桐想做成自动绝早适应显示器的网页就用百分比做，例如：
.banner{width:100%;height:100px;}
.logo{width:20%;height:100px;float:left;}
.admin{width:80%;height:100px; flaot:right}

这样的情况下这个头部拿坦就会自己按照显示器的分辨率来调节自己的宽度了，里边的div元素也会相应改变，达到“自适应宽度”

如果不要做成自适宽度的，那就用固定宽度的盒子模型
例如：
body{text-align:center;}
.banner{width:950px;height:100px;}
.logo{width:250px;height:100px;float:left;}
.admin{width:700px;height:100px; flaot:right}

这样就行了！O(∩_∩)O哈哈~
加油哦，你比我当年强多了，还知道在百度上问，我当年傻呵呵的什么都不知道，遇到问题就只能卡住了！呵呵！

回答（2）：

按比例改变就用百分比定宽度
想布局不变就使用固定败含闹宽度

分辨率改察罩变布局混乱是不规范造成的，克服这问题只老岩能多做多试，除了分辨率还有不同浏览器下的样子，其实还是蛮不容易的

回答（3）：

布局用百分比余滚明，比如高度宽度，在每个显示器下显示都一样，因为都是按照备配比例来的

字体大小用em做单位，因为px在不同分辨率显示器下大小不一样；而em是相对单位竖告