廣東開放大學響應式Web程序設計（專2021秋）-測驗1：響應式網頁及其元素（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.媒體查詢條件中，如果要指定只適用于某種設備或情形，可以用關鍵字（）butonlynotand答案:B3.關于以下語句中的initial-scale表示的是（） meta name=viewport content=width=device-width, initial-scale=1.0, maximu

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

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

4、tent=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0指定元素的大小可視區(qū)域指定元素的可見大小總大小答案:B9.媒體查詢特性中，（）定義輸出設備中的屏幕方向。device- heightdevice- widthorientationresolution答案:C10.根據以下語句，如果當前屏幕尺寸不超過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中設置了其字體為5em，而當前div又在另一個div的container中。如果container設置了字體大小的為5em，那么假如當前瀏覽器默認的字體大小是16px，這樣在container中的字體大小是（ ），而在main中的字體大小就應該是（ ）。80px，400px16px，16px80px，80px16px，80px答案:A12.響應式網頁的核心思想，在于（）多個網頁，普遍適用一次設計，普遍適用多個網頁普遍適用答案:B13.以

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

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