CSS实现div的全屏自适应显示(两种方案)
2018-03-01 09:41
471 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>CSS实现div的全屏自适应显示(两种方案)</title>
<style type="text/css">
html, body {padding: 0; margin: 0; height: 100%; overflow:hidden;}
.m-demo {height: 100%;background: #666666;}
.m-demo2 {position: absolute; height: 100%; width: 100%; top: 0px; bottom: 0px;overflow:hidden; word-break:break-all;background: green;}
</style>
</head>
<body>
<div class="m-demo"></div>
<div class="m-demo2"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【css】CSS实现div的全屏自适应显示
- CSS实现DIV感应鼠标Hover时的显示隐藏效果
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- CSS实现超出DIV宽度文字自动隐藏并显示省略号
- 如何利用CSS+DIV 实现三列自适应高和宽的布局（不用javascript）
- (div+css)上面固定下面自适应页面布局的实现（FF,IE)
- css 没有宽度和高度声明实现的全屏自适应效果
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- Android中界面实现全屏显示的两种方式
- ul和li简单语句实现DIV+CSS分两列（多列）布局显示
- 纯div+css实现手风琴效果下拉框的两种方法
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- (div+css)上下固定中间自适应高度网页布局的实现
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- (div+css)上下固定中间自适应高度网页布局的实现（FF,IE)
- css实现div，文字水平居中的方案。
- 用DIV+CSS实现图文混排与文字列表一起显示
- CSS实现网页背景图片自适应全屏
- css实现div高度根据自适应宽度（百分比）调整