整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
5移動(dòng)端頁面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備對該標(biāo)簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統(tǒng)。
在HTML文檔頭部添加viewport標(biāo)簽，設(shè)置meta屬性值為“width=device-width”，可以讓瀏覽器根據(jù)設(shè)備屏幕的寬度自動(dòng)調(diào)整頁面的縮放比例，從而實(shí)現(xiàn)頁面自適應(yīng)。
<meta
name="viewport"
content="width=device-width,initial-scale=1.0, minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no"/>每個(gè)屬性的詳細(xì)介紹：
width：#viewport 的寬度，可以指定為一個(gè)像素值，如：600，或者為特殊的值，如：device-width （設(shè)備的寬度）。 height：#viewport的高度。 initial-scale：#初始縮放比例，即當(dāng)瀏覽器第一次加載頁面時(shí)的縮放比例。 maximum-scale：#允許瀏覽者縮放到的最大比例，一般設(shè)為1.0。 minimum-scale：#允許瀏覽者縮放到的最小比例，一般設(shè)為1.0。 user-scalable：#瀏覽者是否可以手動(dòng)縮放，yes或no。 |
媒體查詢可以根據(jù)設(shè)備屏幕的寬度和高度來匹配不同的樣式規(guī)則，從而實(shí)現(xiàn)響應(yīng)式布局。通過設(shè)置不同的CSS樣式，可以讓頁面在不同的設(shè)備上呈現(xiàn)不同的布局和樣式。
@media screen and (max-width: 767px) {
/* 在寬度小于767px的設(shè)備上應(yīng)用以下樣式 */
body {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
/* 在寬度在768px到1023px之間的設(shè)備上應(yīng)用以下樣式 */
body {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
/* 在寬度大于等于1024px的設(shè)備上應(yīng)用以下樣式 */
body {
font-size: 18px;
}
}彈性布局可以根據(jù)設(shè)備屏幕的寬度自動(dòng)調(diào)整元素的大小和位置，從而實(shí)現(xiàn)頁面自適應(yīng)。通過設(shè)置元素的flex屬性，可以讓元素按照一定的比例分配剩余空間，從而實(shí)現(xiàn)頁面的自適應(yīng)性。
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
flex: 1 1 300px;
margin: 10px;
}rem單位是相對于根元素(html元素)的字體大小來計(jì)算的單位，可以根據(jù)設(shè)備屏幕的字體大小自動(dòng)調(diào)整元素的大小和位置，從而實(shí)現(xiàn)頁面自適應(yīng)。通過設(shè)置根元素的字體大小，可以讓整個(gè)頁面的元素按照一定的比例進(jìn)行縮放。
html {
font-size: 16px;
}
@media screen and (max-width: 767px) {
/* 在寬度小于767px的設(shè)備上將根元素的字體大小設(shè)置為14px */
html {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
/* 在寬度在768px到1023px之間的設(shè)備上將根元素的字體大小設(shè)置為16px */
html {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
/* 在寬度大于等于1024px的設(shè)備上將根元素的字體大小設(shè)置為18px */
html {
font-size: 18px;
}
}rem是CSS3新增的一個(gè)相對單位（root em，根em）,使用rem為元素設(shè)定字體大小時(shí)，是相對大小，但相對的只是HTML根元素。通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。
(其他)默認(rèn)html的font-size是16px，即1rem=16px，如果某p寬度為32px你可以設(shè)為2rem。
通常情況下，為了便于計(jì)算數(shù)值則使用62.5%，即默認(rèn)的10px作為基數(shù)。當(dāng)然這個(gè)基數(shù)可以為任何數(shù)值，視具體情況而定。設(shè)置方法如下：
Html{font-size:62.5%(10/16*100%)}具體不同屏幕下的規(guī)則定義，即基數(shù)的定義方式：可以通過CSS定義，不同寬度范圍里定義不同的基數(shù)值，當(dāng)然也可以通過js一次定義方法如下：
<script type="text/javascript">
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';//其中“20”根據(jù)你設(shè)置的html的font-size屬性值做適當(dāng)?shù)淖兓? };
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
vw和vh是根據(jù)設(shè)備的寬度和高度來決定的，設(shè)備的寬就是100vw，設(shè)備的高就是100vh，
你設(shè)置的50vw就是相當(dāng)于設(shè)備寬度的50%，你設(shè)置的100vh就是相當(dāng)于設(shè)備高度的100%。
切記：不要把vw和vh弄混淆了，如果你給元素寬度設(shè)置100vh，那么基本上(設(shè)備的寬小于高的情況)就會(huì)超出你的屏幕X軸出現(xiàn)滾動(dòng)條。如果你給元素高度設(shè)置100vw，那么就滿足不了你想要把這個(gè)元素鋪滿整個(gè)設(shè)備高度的愿望了。
一般情況下筆者寬度，和字體大小，左右邊距間距等都是用vw單位，
高度，行高，上下邊距間距等都是用vh單位。
使用方法：
1. 將設(shè)計(jì)圖放到PS里面，查看整個(gè)圖片的寬度和高度，分別放在設(shè)計(jì)稿寬度和設(shè)計(jì)稿高度當(dāng)中。（注意是px單位哦）
2. 然后量出你想要量的地方，將寬度和高度分別放置到量出的寬度和量出的高度當(dāng)中。（注意還是px單位哦）
3. 然后點(diǎn)擊換算按鈕，就可以將換算出來的寬度和高度大小放置到你的代碼當(dāng)中了哦。（注意是vw和vh單位哦）
一般移動(dòng)端的布局可分為三個(gè)部分，頭部->主體->tabbar的腳部。
所以我們可以把項(xiàng)目的外層這樣設(shè)置一下：
.body {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
/* 頭部部分 */
header {
height: 10vh; /* 固定的高度，根據(jù)你的設(shè)計(jì)圖調(diào)整 */
}
/* 主體部分 */
main {
flex: 1; /* 占據(jù)頁面剩余所有部分 */
}
/* tabbar腳部部分 */
footer {
height: 10vh; /* 固定的高度，根據(jù)你的設(shè)計(jì)圖調(diào)整 */
}使項(xiàng)目中的字體大小自適應(yīng)：
接：https://segmentfault.com/a/1190000013325778
1 介紹一下標(biāo)準(zhǔn)的CSS的盒子模型？與低版本IE的盒子模型有什么不同的？
標(biāo)準(zhǔn)盒子模型：寬度=內(nèi)容的寬度（content）+ border + padding + margin
低版本IE盒子模型：寬度=內(nèi)容寬度（content+border+padding）+ margin
2 box-sizing屬性？
用來控制元素的盒子模型的解析模式，默認(rèn)為content-box
context-box：W3C的標(biāo)準(zhǔn)盒子模型，設(shè)置元素的 height/width 屬性指的是content部分的高/寬
border-box：IE傳統(tǒng)盒子模型。設(shè)置元素的height/width屬性指的是border + padding + content部分的高/寬
3 CSS選擇器有哪些？哪些屬性可以繼承？
CSS選擇符：id選擇器(#myid)、類選擇器(.myclassname)、標(biāo)簽選擇器(div, h1, p)、相鄰選擇器(h1 + p)、子選擇器（ul > li）、后代選擇器（li a）、通配符選擇器（*）、屬性選擇器（a[rel="external"]）、偽類選擇器（a:hover, li:nth-child）
可繼承的屬性：font-size, font-family, color
不可繼承的樣式：border, padding, margin, width, height
優(yōu)先級(jí)（就近原則）：!important > [ id > class > tag ]
!important 比內(nèi)聯(lián)優(yōu)先級(jí)高
4 CSS優(yōu)先級(jí)算法如何計(jì)算？
元素選擇符： 1
class選擇符： 10
id選擇符：100
元素標(biāo)簽：1000
5 CSS3新增偽類有那些?
p:first-of-type 選擇屬于其父元素的首個(gè)元素
p:last-of-type 選擇屬于其父元素的最后元素
p:only-of-type 選擇屬于其父元素唯一的元素
p:only-child 選擇屬于其父元素的唯一子元素
p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素
:enabled :disabled 表單控件的禁用狀態(tài)。
:checked 單選框或復(fù)選框被選中。
6 如何居中div？如何居中一個(gè)浮動(dòng)元素？如何讓絕對定位的div居中？
div：
border: 1px solid red; margin: 0 auto; height: 50px; width: 80px;
浮動(dòng)元素的上下左右居中：
border: 1px solid red; float: left; position: absolute; width: 200px; height: 100px; left: 50%; top: 50%; margin: -50px 0 0 -100px;
絕對定位的左右居中：
border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;
還有更加優(yōu)雅的居中方式就是用flexbox，我以后會(huì)做整理。
7 display有哪些值？說明他們的作用?
inline（默認(rèn)）--內(nèi)聯(lián)
none--隱藏
block--塊顯示
table--表格顯示
list-item--項(xiàng)目列表
inline-block
8 position的值？
static（默認(rèn)）：按照正常文檔流進(jìn)行排列；
relative（相對定位）：不脫離文檔流，參考自身靜態(tài)位置通過 top, bottom, left, right 定位；
absolute(絕對定位)：參考距其最近一個(gè)不為static的父級(jí)元素通過top, bottom, left, right 定位；
fixed(固定定位)：所固定的參照對像是可視窗口。
9 CSS3有哪些新特性？
10 請解釋一下CSS3的flexbox（彈性盒布局模型）,以及適用場景？
該布局模型的目的是提供一種更加高效的方式來對容器中的條目進(jìn)行布局、對齊和分配空間。在傳統(tǒng)的布局方式中，block 布局是把塊在垂直方向從上到下依次排列的；而 inline 布局則是在水平方向來排列。彈性盒布局并沒有這樣內(nèi)在的方向限制，可以由開發(fā)人員自由操作。
試用場景：彈性布局適合于移動(dòng)前端開發(fā)，在Android和ios上也完美支持。
11 用純CSS創(chuàng)建一個(gè)三角形的原理是什么？
首先，需要把元素的寬度、高度設(shè)為0。然后設(shè)置邊框樣式。
width: 0; height: 0; border-top: 40px solid transparent; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #ff0000;
12 一個(gè)滿屏品字布局如何設(shè)計(jì)?
第一種真正的品字：
第二種全屏的品字布局:
上面的div設(shè)置成100%，下面的div分別寬50%，然后使用float或者inline使其不換行。
13 常見的兼容性問題？
{
background-color:#f1ee18;/*所有識(shí)別*/
.background-color:#00deff\9; /*IE6、7、8識(shí)別*/
+background-color:#a200ff;/*IE6、7識(shí)別*/
_background-color:#1e0bd1;/*IE6識(shí)別*/
}
14 為什么要初始化CSS樣式
因?yàn)闉g覽器的兼容問題，不同瀏覽器對有些標(biāo)簽的默認(rèn)值是不同的，如果沒對CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁面顯示差異。
15 absolute的containing block計(jì)算方式跟正常流有什么不同？
無論屬于哪種，都要先找到其祖先元素中最近的 position 值不為 static 的元素，然后再判斷：
如果都找不到，則為 initial containing block。
補(bǔ)充：
16 CSS里的visibility屬性有個(gè)collapse屬性值？在不同瀏覽器下以后什么區(qū)別？
當(dāng)一個(gè)元素的visibility屬性被設(shè)置成collapse值后，對于一般的元素，它的表現(xiàn)跟hidden是一樣的。
17 display:none與visibility：hidden的區(qū)別？
display：none 不顯示對應(yīng)的元素，在文檔布局中不再分配空間（回流+重繪）
visibility：hidden 隱藏對應(yīng)元素，在文檔布局中仍保留原來的空間（重繪）
18 position跟display、overflow、float這些特性相互疊加后會(huì)怎么樣？
display屬性規(guī)定元素應(yīng)該生成的框的類型；position屬性規(guī)定元素的定位類型；float屬性是一種布局方式，定義元素在哪個(gè)方向浮動(dòng)。
類似于優(yōu)先級(jí)機(jī)制：position：absolute/fixed優(yōu)先級(jí)最高，有他們在時(shí)，float不起作用，display值需要調(diào)整。float 或者absolute定位的元素，只能是塊元素或表格。
19 對BFC規(guī)范(塊級(jí)格式化上下文：block formatting context)的理解？
BFC規(guī)定了內(nèi)部的Block Box如何布局。
定位方案：
滿足下列條件之一就可觸發(fā)BFC
20 為什么會(huì)出現(xiàn)浮動(dòng)和什么時(shí)候需要清除浮動(dòng)？清除浮動(dòng)的方式？
浮動(dòng)元素碰到包含它的邊框或者浮動(dòng)元素的邊框停留。由于浮動(dòng)元素不在文檔流中，所以文檔流的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。浮動(dòng)元素會(huì)漂浮在文檔流的塊框上。
浮動(dòng)帶來的問題：
清除浮動(dòng)的方式：
21 上下margin重合的問題
在重合元素外包裹一層容器，并觸發(fā)該容器生成一個(gè)BFC。
例子：
<div class="aside"></div>
<div class="text">
<div class="main"></div>
</div>
<!--下面是css代碼-->
.aside {
margin-bottom: 100px;
width: 100px;
height: 150px;
background: #f66;
}
.main {
margin-top: 100px;
height: 200px;
background: #fcc;
}
.text{
/*盒子main的外面包一個(gè)div，通過改變此div的屬性使兩個(gè)盒子分屬于兩個(gè)不同的BFC，以此來阻止margin重疊*/
overflow: hidden; //此時(shí)已經(jīng)觸發(fā)了BFC屬性。
}
22設(shè)置元素浮動(dòng)后，該元素的display值是多少？
自動(dòng)變成display:block
23 移動(dòng)端的布局用過媒體查詢嗎？
通過媒體查詢可以為不同大小和尺寸的媒體定義不同的css，適應(yīng)相應(yīng)的設(shè)備的顯示。
24 使用 CSS 預(yù)處理器嗎？
Less sass
25 CSS優(yōu)化、提高性能的方法有哪些？
26 瀏覽器是怎樣解析CSS選擇器的？
CSS選擇器的解析是從右向左解析的。若從左向右的匹配，發(fā)現(xiàn)不符合規(guī)則，需要進(jìn)行回溯，會(huì)損失很多性能。若從右向左匹配，先找到所有的最右節(jié)點(diǎn)，對于每一個(gè)節(jié)點(diǎn)，向上尋找其父節(jié)點(diǎn)直到找到根元素或滿足條件的匹配規(guī)則，則結(jié)束這個(gè)分支的遍歷。兩種匹配規(guī)則的性能差別很大，是因?yàn)閺挠蚁蜃蟮钠ヅ湓诘谝徊骄秃Y選掉了大量的不符合條件的最右節(jié)點(diǎn)（葉子節(jié)點(diǎn)），而從左向右的匹配規(guī)則的性能都浪費(fèi)在了失敗的查找上面。
而在 CSS 解析完畢后，需要將解析的結(jié)果與 DOM Tree 的內(nèi)容一起進(jìn)行分析建立一棵 Render Tree，最終用來進(jìn)行繪圖。在建立 Render Tree 時(shí)（WebKit 中的「Attachment」過程），瀏覽器就要為每個(gè) DOM Tree 中的元素根據(jù) CSS 的解析結(jié)果（Style Rules）來確定生成怎樣的 Render Tree。
27 在網(wǎng)頁中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體？為什么呢？
使用偶數(shù)字體。偶數(shù)字號(hào)相對更容易和 web 設(shè)計(jì)的其他部分構(gòu)成比例關(guān)系。Windows 自帶的點(diǎn)陣宋體（中易宋體）從 Vista 開始只提供 12、14、16 px 這三個(gè)大小的點(diǎn)陣，而 13、15、17 px時(shí)用的是小一號(hào)的點(diǎn)。（即每個(gè)字占的空間大了 1 px，但點(diǎn)陣沒變），于是略顯稀疏。
28 margin和padding分別適合什么場景使用？
何時(shí)使用margin：
何時(shí)使用padding：
兼容性的問題：在IE5 IE6中，為float的盒子指定margin時(shí)，左側(cè)的margin可能會(huì)變成兩倍的寬度。通過改變padding或者指定盒子的display：inline解決。
29 元素豎向的百分比設(shè)定是相對于容器的高度嗎？
當(dāng)按百分比設(shè)定一個(gè)元素的寬度時(shí)，它是相對于父容器的寬度計(jì)算的，但是，對于一些表示豎向距離的屬性，例如 padding-top , padding-bottom , margin-top , margin-bottom 等，當(dāng)按百分比設(shè)定它們時(shí)，依據(jù)的也是父容器的寬度，而不是高度。
30 全屏滾動(dòng)的原理是什么？用到了CSS的哪些屬性？
31 什么是響應(yīng)式設(shè)計(jì)？響應(yīng)式設(shè)計(jì)的基本原理是什么？如何兼容低版本的IE？
響應(yīng)式網(wǎng)站設(shè)計(jì)(Responsive Web design)是一個(gè)網(wǎng)站能夠兼容多個(gè)終端，而不是為每一個(gè)終端做一個(gè)特定的版本。
基本原理是通過媒體查詢檢測不同的設(shè)備屏幕尺寸做處理。
頁面頭部必須有meta聲明的viewport。
<meta name=’viewport’ content=”width=device-width, initial-scale=1. maximum-scale=1,user-scalable=no”>
32 視差滾動(dòng)效果？
視差滾動(dòng)（Parallax Scrolling）通過在網(wǎng)頁向下滾動(dòng)的時(shí)候，控制背景的移動(dòng)速度比前景的移動(dòng)速度慢來創(chuàng)建出令人驚嘆的3D效果。
33 ::before 和 :after中雙冒號(hào)和單冒號(hào)有什么區(qū)別？解釋一下這2個(gè)偽元素的作用
:before 和 :after 這兩個(gè)偽元素，是在CSS2.1里新出現(xiàn)的。起初，偽元素的前綴使用的是單冒號(hào)語法，但隨著Web的進(jìn)化，在CSS3的規(guī)范里，偽元素的語法被修改成使用雙冒號(hào)，成為::before ::after
34 你對line-height是如何理解的？
行高是指一行文字的高度，具體說是兩行文字間基線的距離。CSS中起高度作用的是height和line-height，沒有定義height屬性，最終其表現(xiàn)作用一定是line-height。
單行文本垂直居中：把line-height值設(shè)置為height一樣大小的值可以實(shí)現(xiàn)單行文字的垂直居中，其實(shí)也可以把height刪除。
多行文本垂直居中：需要設(shè)置display屬性為inline-block。
35 怎么讓Chrome支持小于12px 的文字？
p{font-size:10px;-webkit-transform:scale(0.8);} //0.8是縮放比例
36 讓頁面里的字體變清晰，變細(xì)用CSS怎么做？
-webkit-font-smoothing在window系統(tǒng)下沒有起作用，但是在IOS設(shè)備上起作用-webkit-font-smoothing：antialiased是最佳的，灰度平滑。
37 position:fixed;在android下無效怎么處理？
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
38 如果需要手動(dòng)寫動(dòng)畫，你認(rèn)為最小時(shí)間間隔是多久，為什么？
多數(shù)顯示器默認(rèn)頻率是60Hz，即1秒刷新60次，所以理論上最小間隔為1/60＊1000ms ＝ 16.7ms。
39 li與li之間有看不見的空白間隔是什么原因引起的？有什么解決辦法？
行框的排列會(huì)受到中間空白（回車空格）等的影響，因?yàn)榭崭褚矊儆谧址?這些空白也會(huì)被應(yīng)用樣式，占據(jù)空間，所以會(huì)有間隔，把字符大小設(shè)為0，就沒有空格了。
解決方法：
40 display:inline-block 什么時(shí)候會(huì)顯示間隙？
41 有一個(gè)高度自適應(yīng)的div，里面有兩個(gè)div，一個(gè)高度100px，希望另一個(gè)填滿剩下的高度
外層div使用position：relative；高度要求自適應(yīng)的div使用position: absolute; top: 100px; bottom: 0; left: 0
42 png、jpg、gif 這些圖片格式解釋一下，分別什么時(shí)候用。有沒有了解過webp？
43 style標(biāo)簽寫在body后與body前有什么區(qū)別？
頁面加載自上而下 當(dāng)然是先加載樣式。
寫在body標(biāo)簽后由于瀏覽器以逐行方式對HTML文檔進(jìn)行解析，當(dāng)解析到寫在尾部的樣式表（外聯(lián)或?qū)懺趕tyle標(biāo)簽）會(huì)導(dǎo)致瀏覽器停止之前的渲染，等待加載且解析樣式表完成之后重新渲染，在windows的IE下可能會(huì)出現(xiàn)FOUC現(xiàn)象（即樣式失效導(dǎo)致的頁面閃爍問題）
44 CSS屬性overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理?
參數(shù)是scroll時(shí)候，必會(huì)出現(xiàn)滾動(dòng)條。
參數(shù)是auto時(shí)候，子元素內(nèi)容大于父元素時(shí)出現(xiàn)滾動(dòng)條。
參數(shù)是visible時(shí)候，溢出的內(nèi)容出現(xiàn)在父元素之外。
參數(shù)是hidden時(shí)候，溢出隱藏。
45 闡述一下CSS Sprites
將一個(gè)頁面涉及到的所有圖片都包含到一張大圖中去，然后利用CSS的 background-image，background- repeat，background-position 的組合進(jìn)行背景定位。利用CSS Sprites能很好地減少網(wǎng)頁的http請求，從而大大的提高頁面的性能；CSS Sprites能減少圖片的字節(jié)。
切圖公司的web前端項(xiàng)目外包中，有的情況需要用背景圖片來替代圖片，使用背景圖片替換img標(biāo)簽時(shí)，img標(biāo)簽可以根據(jù)屏幕寬度自適應(yīng)高度，而背景圖片卻無法適應(yīng)高度，使用css的內(nèi)邊距（padding）可以解決高度問題，因?yàn)榇怪狈较虻膒adding值，根據(jù)寬度的大小來計(jì)算的，辦法如下；
<style>
.wrap{
width: 100%;
}
.banner{
width: 100%;
max-width: 490px; /**圖片的寬度不大于圖片實(shí)際像素**/
height: 0;
max-height: 329px;
padding-bottom: 67.14%; /**根據(jù)圖片高寬比計(jì)算*/
margin: 0 auto;
background: url("images/test.jpg") no-repeat center;
background-size: cover;
}
@media only screen and (min-width: 490px) {
/**屏幕大于490時(shí)，將背景框高度設(shè)置為圖片高度的實(shí)際像素**/
.banner{
height: 329px;
padding-bottom: 0;
}
}
</style>
<div class="wrap">
<!--role屬性 aria-label屬性增強(qiáng)html的可讀性，更語義化-->
<div role="img" aria-label="banner img" class="banner"></div>
</div>
來源：切圖網(wǎng) qietu.com
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
