您的位置:首页 > Web前端 > CSS

原生静态布局下,用div+css实现界面随着不同的屏幕变换自动调整大小

2018-04-06 11:23 741 查看
1 首先用css元素让body和html元素的的height和width设置成100%。

   因为当我们设置100%的时候有一个对照的父元素,也就是说参照谁来设置自己高和宽的百分比。

   对于有些浏览器来说,把屏幕的高和宽作为body元素的参照父元素,对于有些浏览器来说把屏幕的高和宽作为htm
   的参照父元素,所以第一步同时把这两个元素作为参照父元素。

2 定义一个盒子div ,设置div的width,height属性值为100%
3 在div盒子里布局的时候也用百分号作为划分各个区块,这样就可以保证整体都是随着屏幕大小的变化而变化大小。

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐