wap中，如果是不需要隱藏的導(dǎo)航钓辆，而且不需要在其內(nèi)部使用滾輪坤按，那可以直接使用css3屬性代替js
.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 15px; /* 和relative一樣的用法 */
}
網(wǎng)站上很多使用 new 標(biāo)識，有切圖的有 coding 的呀非，不建議切圖，使用下面的寫法在黑背景下能有比較好的效果：
a:after {
position: absolute;
margin-left: 2px;
margin-top: -3px;
content: 'NEW';
color: #e56a69;
white-space: nowrap; /* 不讓其換行 */
-webkit-transform: scale(.6);
transform: scale(.6);
font-weight: 700;
font-size: 14px;
-webkit-transform-origin: 0 0;
transform-origin: 0 0; /* 縮放后回歸起點位置 */
}
均分父元素寬度的幾種方法
- 百分?jǐn)?shù)width
- box-flex
.test {
display: list-item;
-webkit-box-flex: 1;
width: auto;
}
- flex-grow
.father {
display: -webkit-flex;
display: flex;
}
.child {
flex-grow: 1;
}
-
如果是下面這種首尾都有元素怎么辦镜盯？
image
很簡單岸裙，將前面那個攪屎的子元素踢出去就行，其余元素均分寬度：
.father {
margin-left: 35px; /* 騰出空間 */
}
.child:first-child {
margin-left: -35px; /* 第一個子元素歸位 */
}
.child {
width: 25%; /* 用上面你喜歡的方法均分寬度 */
}
- 用rem寫的寬度速缆，但是還要求居中降允，即復(fù)雜場景，需要在草紙上計算下艺糜，可以參考造作的會員邀請web頁進(jìn)度條寫法
image
會員邀請頁
