On a screen with 1920×1200 resolution the Web site is going to be tiny, taking up Let’s say we render this Web page such that the pixels specified in CSS (and in img tags and such on the page) map to one pixel on your screen. Why does this matter?Ĭonsider a Web page that is designed for an 800×600 resolution. For example my Dell XPS laptop has a 1920×1200 resolution. Screens exist for laptops, however, that have the same physical size (15 inches) but that cram many more pixels into the same amount of space. For example a MacBook Pro has a 1440×900 resolution on a 15 inch screen. For those of us working on WebKit, this will also become an issue for WebKit applications and for Dashboard widgets.ĭPI stands for “dots per inch” and refers to the number of pixels of your display that can fit within an inch.
One area of Web design that is going to become more important in the coming years is high DPI.
