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

1、試卷總分:100 得分:100以下這個語句，表示屏幕像素密度為3倍的時候，匹配的圖像是（） 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。是否允許用戶進行縮放操作允許用戶的最大縮放值頁面的初始縮放值允許用戶的最小縮放值答案:C4.以下HTML代碼定義的媒體查詢條件下，如果設(shè)備的屏幕方向為橫向，則頁面背景顏色為（）?ody ackground-color:silver ; media only screen and (orientation: landscape) ody ackground-color: lightblue; ?淺藍色藍色銀色紅色答案:A5.以下不屬于自適應(yīng)”網(wǎng)站的缺點的是（）在網(wǎng)站維護時需要同時兼顧多個不同版本的網(wǎng)頁可以極大地保證不同環(huán)境下的顯示效果維護

3、的工作將會呈幾何級數(shù)上升大大地增加架構(gòu)設(shè)計的復(fù)雜度答案:B6.關(guān)于以下語句中的user- scalable表示的是（） meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0。頁面的初始縮放值允許用戶的最大縮放值是否允許用戶進行縮放操作允許用戶的最小縮放值答案:C7.響應(yīng)式網(wǎng)頁時，在開發(fā)時一般以（）優(yōu)先”。臺式電腦大屏幕設(shè)備移動設(shè)備筆記本電腦答案:C8.在以下這個語句中的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ù)以下語句，如果當前屏幕尺寸不超過320像素時，將自動匹配（ ）這個圖像。 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.如果在當前的div main中設(shè)置了其字體為5em，而當前div又在另一個div的container中。如果container設(shè)置了字體大小的為5em，那么假如當前瀏覽器默認的字體大小是16px，這樣在container中的字體大小是（ ），而在main中的字體大小就應(yīng)該是（ ）。80px，400px16px，16px80px，80px16px，80px答案:A12.響應(yīng)式網(wǎng)頁的核心思想，在于（）多個網(wǎng)頁，普遍適用一次設(shè)計，普遍適用多個網(wǎng)頁普遍適用答案:B13.以

6、下哪個版本的瀏覽器不支持媒體查詢（）。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)頁往往包含多個（）語句，用于適配不同的顯示條件。多媒體網(wǎng)格媒體查詢地址跳轉(zhuǎn)答案:C16.若有以下語句，則若當前屏幕寬度為960px，則圖像寬度將顯示為（） img s

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

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