HTML5学习笔记——屏幕自适应的问题
2016-05-05 21:32
253 查看
如果我们想让<body>的内容充满整个屏幕,则应该给<body>加上属性style="height:100%"
但是我们发现加上去之后<body>的元素通常不能达到我们想要的效果。
这是因为百分比是相对的,即<body>的百分比应该是相对于它的父元素html,因此我们还需要对html添加属性:html{height:100%;}
如此就可以得到我们想要的效果
但是我们发现加上去之后<body>的元素通常不能达到我们想要的效果。
这是因为百分比是相对的,即<body>的百分比应该是相对于它的父元素html,因此我们还需要对html添加属性:html{height:100%;}
如此就可以得到我们想要的效果
相关文章推荐
- H5缓存机制学习记录
- HTML5-postMessage实现跨域
- 自定义H5页面规范
- 给大家推荐几篇技术文章
- 浅谈锚链接(native 嵌套 h5)
- HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频
- PHP & HTML5 学习 第四课 PHP变量
- 便利的html5 之 required、number 、pattern
- HTML5 Canvas游戏开发(四)lufylegend开源库件(下)
- 移动前端头部标签(HTML5 head meta)(转)
- html5中audio标签在不同平台下的问题
- Html5 手机网页中,长按会触发系统事件,请问怎么取消这些事件?
- HTML5拖放事件
- 加速Web开发的9款知名HTML5框架
- html5调用手机摄像头,实现拍照上传功能
- HTML5调用手机摄像头拍照
- PHP Html5上传大文件
- HTML5——拖放
- HTML5——音频视频
- HTML5培训第11节课堂笔记(响应式布局:媒体查询,条件注释,mui基础知识,引导页小实例)