Home >> Tutorials/FAQs >> CSS Tutorials >> Index

CSS Tutorials - What Is Browser Resolution

By: FYICenter.com

(Continued from previous topic...)

What Is Browser Resolution?

Browser resolution is measure by how many graphical points (pixels) per inch on a Web browser window. Logically, browser resolution should be identical to the screen resolution, for example, FireFox.

But there is an exception, for example, Internet Explorer (IE). If you set your computer to 1280x1024 pixels on a screen of 11.5x8.5 inches, your screen resolution is about 120DPI. The browser resolution of FireFox will be 120PDI, but the browser resolution will be 90DPI, much lower than FireFox.

Browser resolution must be considered when you design your Web page, because your page size will be affected by the resolution of Web browsers used by your visitors. In the above example, if you design a Web page of 840 pixels wide, it will be displayed as 7 inches wide in FireFox. However, the same Web page will be displayed as 9.33 inches in IE.

(Continued on next topic...)

  1. What Needs To Be Considered When Designing Page Layout?
  2. What Is Screen Resolution?
  3. What Is Browser Resolution?
  4. How To Test Browser Resolutions?
  5. How Wide Do You Want Your Page Content to Be?
  6. What Are the Page Widths on Popular Websites?
  7. What Are the Length Units Used in CSS?
  8. How To Set Page Width Relative To the Browser Width?
  9. How To Set Page Width to a Fixed Value?
  10. How To Center Your Page in Browser Windows?
  11. What Happen to Images with Absolute Page Width Units?
  12. How To Set Page Widths to Relative Length Units?
  13. What Happen to Font Sizes with Relative Page Width Units?
  14. How To Set Font Sizes to Relative Length Units?
  15. What Are the Background Style Properties?
  16. How To Specify a Background Image?
  17. How To Position Background Images?
  18. How To Specify Two Background Images on a Page?

Selected Developer Jobs: