1、試卷總分:100 得分:100以下這個(gè)語句，表示屏幕像素密度為3倍的時(shí)候，匹配的圖像是（） mg rcset =img/1_1280.jpg 3x,img/1_640.jpg 2x,img/1_320.jpg 1x/1_640.jpg1_320.jpg無匹配的圖像1_1280.jpg答案:D2.媒體查詢條件中，如果要指定只適用于某種設(shè)備或情形，可以用關(guān)鍵字（）butonlynotand答案:B3.關(guān)于以下語句中的initial-scale表示的是（） meta name=viewport content=width=device-width, initial-scale=1.0, maximu

2、m-scale=1.0, user-scalable=0。是否允許用戶進(jìn)行縮放操作允許用戶的最大縮放值頁面的初始縮放值允許用戶的最小縮放值答案:C4.以下HTML代碼定義的媒體查詢條件下，如果設(shè)備的屏幕方向?yàn)闄M向，則頁面背景顏色為（）?ody ackground-color:silver ; media only screen and (orientation: landscape) ody ackground-color: lightblue; ?淺藍(lán)色藍(lán)色銀色紅色答案:A5.以下不屬于自適應(yīng)”網(wǎng)站的缺點(diǎn)的是（）在網(wǎng)站維護(hù)時(shí)需要同時(shí)兼顧多個(gè)不同版本的網(wǎng)頁可以極大地保證不同環(huán)境下的顯示效果維護(hù)

3、的工作將會(huì)呈幾何級數(shù)上升大大地增加架構(gòu)設(shè)計(jì)的復(fù)雜度答案:B6.關(guān)于以下語句中的user- scalable表示的是（） meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0。頁面的初始縮放值允許用戶的最大縮放值是否允許用戶進(jìn)行縮放操作允許用戶的最小縮放值答案:C7.響應(yīng)式網(wǎng)頁時(shí)，在開發(fā)時(shí)一般以（）優(yōu)先”。臺(tái)式電腦大屏幕設(shè)備移動(dòng)設(shè)備筆記本電腦答案:C8.在以下這個(gè)語句中的viewport表示屏幕的（ ）。 meta name=viewport con

4、tent=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0指定元素的大小可視區(qū)域指定元素的可見大小總大小答案:B9.媒體查詢特性中，（）定義輸出設(shè)備中的屏幕方向。device- heightdevice- widthorientationresolution答案:C10.根據(jù)以下語句，如果當(dāng)前屏幕尺寸不超過320像素時(shí)，將自動(dòng)匹配（ ）這個(gè)圖像。 img src=“img /img/1_1280.jpg” srcset =“img/1_1280.jpg 1280w, img/1_640.jpg 6

5、40w,img/1_320.jpg 320w”/1_640.jpg1_1280.jpg1_320.jpg以上均不能匹配答案:C11.如果在當(dāng)前的div main中設(shè)置了其字體為5em，而當(dāng)前div又在另一個(gè)div的container中。如果container設(shè)置了字體大小的為5em，那么假如當(dāng)前瀏覽器默認(rèn)的字體大小是16px，這樣在container中的字體大小是（ ），而在main中的字體大小就應(yīng)該是（ ）。80px，400px16px，16px80px，80px16px，80px答案:A12.響應(yīng)式網(wǎng)頁的核心思想，在于（）多個(gè)網(wǎng)頁，普遍適用一次設(shè)計(jì)，普遍適用多個(gè)網(wǎng)頁普遍適用答案:B13.以

6、下哪個(gè)版本的瀏覽器不支持媒體查詢（）。IE 7.0Opera 9.0Chrome 21IE 9.0答案:A14.常用媒體特性中，（）定義輸出設(shè)備中的屏幕最小可見高度及寬度。min- device- height，min- device- widthmax- height，max- widthmax- device- height，max- device- widthmin- width，min- height答案:A15.響應(yīng)式網(wǎng)頁往往包含多個(gè)（）語句，用于適配不同的顯示條件。多媒體網(wǎng)格媒體查詢地址跳轉(zhuǎn)答案:C16.若有以下語句，則若當(dāng)前屏幕寬度為960px，則圖像寬度將顯示為（） img s

7、rc=img/1_1280.jpg sizes=(min-width:1200px) calc(43vw), 50vw/。516px50px500px當(dāng)前屏幕寬度的43%答案:C17.link rel=stylesheet type=text/css href=site.css media=print /這個(gè)語句表示在（ ）內(nèi)容的顯示。移動(dòng)設(shè)備上屏幕上觸摸設(shè)備打印預(yù)覽下答案:D18.以下HTML代碼定義的媒體查詢條件下，如果設(shè)備的屏幕方向?yàn)榭v向，則頁面背景顏色為（）?ody ackground-color:silver ; media only screen and (orientation:

8、 landscape) ody ackground-color: lightblue; 紅色銀色藍(lán)色淺藍(lán)色答案:B19.常用媒體特性中，（）定義輸出設(shè)備中的頁面最大可見區(qū)域高度及寬度。min- device- height，min- device- widthdevice- height，device- widthmin- width，min- heightmax- height，max- width答案:D20.以下關(guān)于媒體查詢的說法，不正確的是（）。為一些特定的輸出設(shè)備定制特定的顯示效果為不同終端的用戶都能提供較好的瀏覽體驗(yàn)為不同終端的用戶實(shí)現(xiàn)不同跳轉(zhuǎn)讓CSS能更精確地作用于不同的媒體類型和同一媒體的不同條件答案:C21.響應(yīng)式網(wǎng)頁設(shè)計(jì)已經(jīng)成為當(dāng)今網(wǎng)頁開發(fā)技術(shù)的新潮流。答案:正確22.css中的1px都等于顯示設(shè)備的1px。答案:錯(cuò)誤23.響應(yīng)式網(wǎng)頁不管使用什么設(shè)備打開的都是同一個(gè)網(wǎng)頁。答案:正確24.meta語句中的viewport表示屏幕的總大小。答案:錯(cuò)誤25.媒體查詢條件中，如果要指定只適用于某種設(shè)備或情形，可以用關(guān)鍵字all。答案:錯(cuò)誤26.自適應(yīng)網(wǎng)頁可能使得維護(hù)的工作將呈幾何級數(shù)上升，還會(huì)大大地增加架構(gòu)設(shè)計(jì)的復(fù)雜度。答案: