<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实现div的全屏自适应显示(两种方案)
原创
©著作权归作者所有:来自51CTO博客作者徐同保的博客的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
全屏显示,全屏groupBox控件
private void 全屏ToolStripMenuItem_Click(object sender, EventAr
全屏 显示 groupbox Click 全屏显示 全屏 -
全屏
方法一:配置文件 android:theme="@android:style/Theme.NoTitleBar.Fullscreen"详情
手机开发--------android android 配置文件 bundle -
python cv全屏 pycharm全屏
看到一个大佬,文章清一下的都是程序员不得不知道的事,据说能提高关注度和点击率,咱也不知道是不是,姑且一试,哈哈,皮这一下我很开心。 NO.1
python cv全屏 快捷键 快速选择 搜索