What exactly is a viewport
- A framed area on a display screen for viewing information
- Actual display area of a device
Here we will get confuse which one is to used, whether to use screen resolution or viewport when work windowing responsive web design.
Screen resolution vs Viewport
| Device | Screen resolution | Viewport |
| iPad, iPad 2 | 1024w x 768h | 1024w x 768h |
| iPad 3 | 2048w x 1536h |
Should we work with viewports instead of screen resolution?
Serveral devices may have varying screen resolution but may also have the same viewport size
Can be used as breakpoint references
Given that we need to set viewports as our
"beakpoint" reference and that there's a lot of them, is there a list
of viewports we can refer to?
You can visit http://www.viewportsizes.com/ to check viewport sizes of any devices
No comments:
Post a Comment