Which of the following is NOT a fluid measurement
1) px
2) %
3) rem
4) em
ANS: 1) px
Responsive Web Design is...
1) Designing multiple pages, one for each type of major device (phone, tablet, laptop, and desktop)
2) Designing pages for the mobile view.
3) Designing pages for multiple platforms by incorporating fluid measurements and varying CSS rules.
ANS: 3) Designing pages for multiple platforms by incorporating fluid measurements and varying CSS rules.
Adaptive design with dynamic serving is....
1) Designing pages for multiple platforms by incorporating fluid measurements and varying CSS rules.
2) Designing pages for the mobile view.
3) Designing multiple pages, one for each type of major device (phone, tablet, laptop, and desktop)
ANS: 3) Designing multiple pages, one for each type of major device (phone, tablet, laptop, and desktop)
Which of the following is a true statement about using a separate "m." site for your content?
1) It is difficult to keep multiple versions of your site consistent. Any updates must be made in multiple places.
2) Some search engines require a .m version of your site.
3) Users have control over which version of the page they can see, regardless of the device they are using.
ANS: 1) It is difficult to keep multiple versions of your site consistent. Any updates must be made in multiple places.
The mobile version of your web page should have the same capabilities of every other version of your site.
1) True
2) False
ANS: 1) True
The mobile version of your web page should have the same layout of every other version of your site.
1) True
2) False
ANS: 2) False
Which fluid measurement type returns a percentage of the viewport width?
ANS: vw
Which fluid measurement type returns a percentage of the viewport height?
ANS: vh
The fluid measurement % can only be used on non-textual elements
1) True
2) False
ANS: 2) False
Responsive sites can have a mixture of fluid and absolute measurements.
1) True
2) False
ANS: 1) True
Which of the following statements best describes what pixels, ems, and rems have in common?
1) They are all units of measurement used to define the length of elements on a webpage.
2) They are all fluid units of measurement that define the screen resolution of a page.
3) They are all fluid units of measurement used to define the length of elements on a webpage.
ANS: 1) They are all units of measurement used to define the length of elements on a webpage.
Which of the following measurements is relative to the size of its parent element?
1) px
2) em
3) rem
ANS: 2) em
If you have an element with the font size of 24px, and a child element inside with a font-size set to .5em, what is the font size of the child in px? (Provide a number only, not the measurement too.)
ANS: 12
An _______ is the size of type as computed relative to the type size of the parent element.
ANS: em
A _______ is the size of type as computed relative to the type size of the top level “html” element rather than a parent element.
ANS: rem
Which measurement is easier and comfortable for the designer/developer to use when coding their CSS but does not provide the best experience for the user?
ANS: px
1 _____ = 1% of viewport height
ANS: vh