Slide 46
Slide 46 text
@media (min-‐device-‐width:1024px) and (max-‐
width:989px), screen and (max-‐device-‐
width:480px), (max-‐device-‐width:480px) and
(orientation:landscape), (min-‐device-‐
width:481px) and (orientation:portrait) {
div#page { width:468px; } }
1. Devices with a minimum width of 1,024 pixels and windows with a maximum width of 989 pixels.
2. Screens that have a maximum device width of 480 pixels.
3. Devices with a maximum width of 480 pixels and are also in landscape orientation.
4.Devices with a minimum width of 481 pixels and are also in portrait orientation.
5. When one of the above criteria are met, resize the page division to 468 pixels.