多语言展示
当前在线:1997今日阅读:19今日分享:20

css如何根据屏幕宽度设置div高度

css如何根据屏幕宽度设置div高度
工具/原料

web开发环境

方法/步骤
1

首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示

2

html页面代码如图所示,定义一个div,然后给一个id属性即可

3

这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试

4

然后在浏览器运行之后的效果是这样的哦,放大缩小浏览器,宽高会随之改变。

5

这个方法是使用expression来设置高度即可(这里只适用于ie低版本)。

6

在ie浏览器中的运行效果和上面的方法一样的哦(需要注意的是,如果div中有图片或者文字时,要注意其最小值即不会影响布局效果的div最小大小)

注意事项

方法根据实际情况选择,如果帮到你,记得点赞支持哦

推荐信息