<div style="height:100%;overflow-x:auto;overflow-y:auto;">
[數據運算]
width:calc(100% - 192px);
em 與 px 換算網頁：
http://pxtoem.com/
[iframe 設定高度等於100%]
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}强制不换行
p { white-space:nowrap; }
自动换行
p { word-wrap:break-word; }
强制英文单词断行
p { word-break:break-all; }
[在div裡使用float，造成外部的div不正常顯示]
.clearfix:after{ content: ""; display: block; clear: both;}
<div class="clearfix">
<div style="float:left"></div>
<div style="float:left"></div>
</div>
或在其他div中加入display:inline-block;
[CSS 功能無法在IE作用]
在<head>加入
<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >
[CSS 圓角for 各瀏覽器設定]
-webkit-border-radius:7px; /* Safari and Chrome */
-moz-border-radius:7px; /* Firefox */
-o-border-radius:7px;
border-radius:7px; /* IE 6+ */
behavior: url(ie-css3.htc); /* 使用ie-css3 */
[CSS 透明度for IE瀏覽器設定]
opacity:0.3;
zoom:1; /*for IE瀏覽器*/
filter:alpha(opacity=30); /*for IE瀏覽器*/
[CSS透明線條]
border:1px solid transparent;
沒有留言:
張貼留言