16. Which of the following code set the webpage correctly displayed on a device?

1. 1. <meta name="viewports" content="width=device-width, initial-scale=1.0">

   
   
   

   2. <meta name="viewport" content="width=device-width, initial-scale='parent-size'">

   
   
   

   3. <meta name="viewport" content="width=device-width, initial-scale=1.0">

   
   
   

   4. <meta name="viewport" content="width=device-width, initial-scale=2.0">

   
   
   

   5. None of these

   
   
   

---

1. View Hint View Answer Discuss in Forum

   NA

   Correct Option: C

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

---

17. What does this code do?
    

    _@media only screen and (max-width_ 500px) {    body {        background-color_ lightblue
    

1. 1. Nothing happens

   
   
   

   2. The background color will change to lightblue

   
   
   

   3. If the browser window is larger than 500px, the background color will change to lightblue:

   
   
   

   4. If the browser window is smaller than 500px, the background color will change to lightblue:

   
   
   

   5. None of these

   
   
   

---

1. View Hint View Answer Discuss in Forum

   NA

   Correct Option: D

   If the browser window is smaller than 500px, the background color will change to lightblue:

---

---

18. What does this code do?
    

    @media only screen and (orientation_ landscape) {    body {        background-color_ lightblue
    

1. 1. web page will have a lighblue background if the orientation is not in landscape mode

   
   
   

   2. web page will have a red background if the orientation is in landscape mode

   
   
   

   3. web page will have a lighblue background if the orientation is in landscape mode

   
   
   

   4. All of above

   
   
   

   5. None of these

   
   
   

---

1. View Hint View Answer Discuss in Forum

   NA

   Correct Option: C

   web page will have a lighblue background if the orientation is in landscape mode

---

19. Which of the following css propery defines a relationship between bound elements(s) and some code or content?
    

1. 1. url-bind

   
   
   

   2. binding

   
   
   

   3. @media

   
   
   

   4. @import

   
   
   

   5. None of these

   
   
   

---

1. View Hint View Answer Discuss in Forum

   NA

   Correct Option: B

   Syntax: binding: none | url(bindingfile)

---

---

20. What does this code do?
    

    Code:
    @media only screen and (max-width: 768px) {
        class*="col-"] {
            width: 100%;
        }
    }
    

1. 1. Error occured

   
   
   

   2. When the screen gets larger than 768px, each column should have a width of 100%.

   
   
   

   3. When the screen gets smaller than 768px, each column should have a width of 100%.

   
   
   

   4. All of above

   
   
   

   5. None of these

   
   
   

---

1. View Hint View Answer Discuss in Forum

   NA

   Correct Option: C

   When the screen gets smaller than 768px, each column should have a width of 100%.

---