Home >> Tutorials/FAQs >> CSS Tutorials >> Index
CSS Tutorials - What Is Screen Resolution
(Continued from previous topic...)
What Is Screen Resolution?
Screen resolution is measure by how many graphical points (pixels) per inch or DPI (dots per inch)
on a computer system. Screen resolution can be changed within a range on most of
today's computer systems.
For example, on a Windows system, you can go to the Control Panel,
run Display, and go to the Settings tab to change the number of graphical points on screen
in the range of 800x600 and 1400x1050 pixels.
To calculate the screen resolution, you should divide the number of points on the screen
by the screen size in inches. For example, if you set 800x600 pixels on a screen of 11.5x8.5 inches,
your screen resolution is about 70DPI.
If you set 1024x768 pixels on a screen of 11.5x8.5 inches,
your screen resolution is about 90DPI.
Screen resolution must be considered when you design your Web page, because your page size
will be affected by the screen resolution of your visitor's computer system. Generally,
your page will look smaller on computer systems with higher resolutions.
(Continued on next topic...)
- What Needs To Be Considered When Designing Page Layout?
- What Is Screen Resolution?
- What Is Browser Resolution?
- How To Test Browser Resolutions?
- How Wide Do You Want Your Page Content to Be?
- What Are the Page Widths on Popular Websites?
- What Are the Length Units Used in CSS?
- How To Set Page Width Relative To the Browser Width?
- How To Set Page Width to a Fixed Value?
- How To Center Your Page in Browser Windows?
- What Happen to Images with Absolute Page Width Units?
- How To Set Page Widths to Relative Length Units?
- What Happen to Font Sizes with Relative Page Width Units?
- How To Set Font Sizes to Relative Length Units?
- What Are the Background Style Properties?
- How To Specify a Background Image?
- How To Position Background Images?
- How To Specify Two Background Images on a Page?