廣東開(kāi)放大學(xué)響應(yīng)式Web程序設(shè)計(jì)（專2021秋）-測(cè)驗(yàn)1：響應(yīng)式網(wǎng)頁(yè)及其元素（15）答案

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

2、m-scale=1.0, user-scalable=0。是否允許用戶進(jìn)行縮放操作允許用戶的最大縮放值頁(yè)面的初始縮放值允許用戶的最小縮放值答案:C4.以下HTML代碼定義的媒體查詢條件下，如果設(shè)備的屏幕方向?yàn)闄M向，則頁(yè)面背景顏色為（）?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)頁(yè)可以極大地保證不同環(huán)境下的顯示效果維護(hù)

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

4、tent=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0指定元素的大小可視區(qū)域指定元素的可見(jiàn)大小總大小答案:B9.媒體查詢特性中，（）定義輸出設(shè)備中的屏幕方向。device- heightdevice- widthorientationresolution答案:C10.根據(jù)以下語(yǔ)句，如果當(dāng)前屏幕尺寸不超過(guò)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)頁(yè)的核心思想，在于（）多個(gè)網(wǎng)頁(yè)，普遍適用一次設(shè)計(jì)，普遍適用多個(gè)網(wǎng)頁(yè)普遍適用答案:B13.以

6、下哪個(gè)版本的瀏覽器不支持媒體查詢（）。IE 7.0Opera 9.0Chrome 21IE 9.0答案:A14.常用媒體特性中，（）定義輸出設(shè)備中的屏幕最小可見(jiàn)高度及寬度。min- device- height，min- device- widthmax- height，max- widthmax- device- height，max- device- widthmin- width，min- height答案:A15.響應(yīng)式網(wǎng)頁(yè)往往包含多個(gè)（）語(yǔ)句，用于適配不同的顯示條件。多媒體網(wǎng)格媒體查詢地址跳轉(zhuǎn)答案:C16.若有以下語(yǔ)句，則若當(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è)語(yǔ)句表示在（ ）內(nèi)容的顯示。移動(dòng)設(shè)備上屏幕上觸摸設(shè)備打印預(yù)覽下答案:D18.以下HTML代碼定義的媒體查詢條件下，如果設(shè)備的屏幕方向?yàn)榭v向，則頁(yè)面背景顏色為（）?ody ackground-color:silver ; media only screen and (orientation:

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