»
(042)桌面全屏网页CSS
以下为桌面端全屏网页的CSS设置,需要注意的是:当min-height使用100%不起作用的时候,可以使用min-height:100vh来尝试让它起作用。
html, body {
margin:0;
padding:0;
width:100%;
min-height: 100vh; /* 确保页面高度与视口相同,此处不能使用100%,不然min-height不起作用 */
}
* {
/*禁止当一个可点击元素被点击时,一小会儿变暗的效果*/
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
font-size: 16px;/*定义1rem,rem必须定义在页面的root上,也就是html标签上*/
}
————www.v-signon.com学习者共勉