在 CSS3 中引入了?calc()?函數(shù),var()函數(shù) 可以在屬性值中使用數(shù)學(xué)表達(dá)式進(jìn)行計(jì)算?
os: 如果要使元素高度剛好填滿整個(gè)屏幕嚷狞,可以用100vh - 兄弟元素的高度(兄弟元素單位用vw或rem表示)
:root {
? --sidebar-width: 10vw;
}
.sidebar {
? width: var(--sidebar-width);
}
.main-content {
? width: calc(100vh - var(--sidebar-width));
}
元素不可點(diǎn)擊(產(chǎn)生點(diǎn)擊穿透)
pointer-events: none;
頁面變灰
html?{
? ? -webkit-filter: grayscale(100%);
? ? -moz-filter: grayscale(100%);
? ? -ms-filter: grayscale(100%);
? ? -o-filter: grayscale(100%);
? ? filter: grayscale(100%);
? ? -webkit-filter: gray;
? ? filter: gray;
? ? -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
? ? filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}