//確保適當(dāng)?shù)睦L制和觸屏縮放 <meta name="viewport" content="width=device-width, initial-scale=1.0">? // 不讓放大縮小,user-scalable=no"
//禁用縮放 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
簡(jiǎn)體中文頁(yè)面:html lang=zh-cmn-Hans
繁體中文頁(yè)面:html lang=zh-cmn-Hant
英語(yǔ)頁(yè)面:html lang=en
喚起qq?<a?href="tencent://message/?uin=603660895&Site=****&Menu=yes"?class="rl">聯(lián)系我</a>
改變選項(xiàng)卡圖標(biāo)? <link??rel="shortcut?icon"?href="./favicon.ico">
// 鼠標(biāo)禁止選中文字:? ?
暫時(shí)不能用//window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
html,body{-moz-user-select:?none;?-khtml-user-select:?none;?user-select:?none;}?
//?超出省略號(hào)?...
.ellipsisStyle{ white-space:nowrap; overflow:?hidden;text-overflow:ellipsis;}
//?超出2行省略號(hào)?...
.ellipsis-2{text-overflow:?-o-ellipsis-lastline; overflow:?hidden;text-overflow:?ellipsis; display:?-webkit-box;-webkit-line-clamp:?2;?//這兒的數(shù)字代表的是所需要實(shí)現(xiàn)效果的第N行? -webkit-box-orient:?vertical;}
resize 屬性規(guī)定是否可由用戶調(diào)整元素的尺寸。
none用戶無(wú)法調(diào)整元素的尺寸。both用戶可調(diào)整元素的高度和寬度。
horizontal用戶可調(diào)整元素的寬度。vertical用戶可調(diào)整元素的高度。
outline-offset 屬性對(duì)輪廓進(jìn)行偏移,并在超出邊框邊緣的位置繪制輪廓。
outline:2px solid red; //顏色
outline-offset:30px;? //外圍距離
media媒體查詢
@media screen and (min-width: 480px) {}
all用于所有多媒體類型設(shè)備.
print用于打印機(jī)?
screen用于電腦屏幕,平板,智能手機(jī)等。
speech用于屏幕閱讀器
移動(dòng)端安卓和蘋果解決頁(yè)面縮放一般用meta標(biāo)簽來(lái)解決
//確保適當(dāng)?shù)睦L制和觸屏縮放<meta name="viewport" content="width=device-width, initial-scale=1.0">
//禁用縮放<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
css設(shè)置變量實(shí)現(xiàn)主體色?
設(shè)置??? body?{?--mainColor:?red;?--lsColor:?hotpink;?}
使用 color: var( --mainColor )
修改 document.body.style.setProperty("--mainColor","black")
移動(dòng)端適配rem??// 頁(yè)面大小為320//??html{?font-size:calc(100vw?/?320);?};?? 12rem就為 12px

:nth-of-type( odd || even )
/deep/ 選取組件內(nèi)所有對(duì)應(yīng)元素
自動(dòng)刷新頁(yè)面的方法:<meta http-equiv="refresh" content="20">每隔20秒刷新一次頁(yè)面.
頁(yè)面自動(dòng)跳轉(zhuǎn):<meta http-equiv="refresh" content="20;url=http://www.jb51.net">