Making Pages Work on All Screen Sizes
Dave Wolf, A. J. Henley · Apress eBooks · 2017
Responsive web design (RWD) refers to the approach of developing a web application such that it displays well on any size screen, from desktop computer to mobile phone. A computer, phone, or tablet screen is composed of pixels. A popular screen resolution for a computer is 1366 × 768. That means the screen is 1366 pixels wide and 768 pixels high. Screen resolution determines the clarity with which text and images are displayed. Items appear sharper at higher resolutions. They also appear smaller, which enables more items to fit on screen. When viewed on a tablet the screen may only have 1024 pixels across. A phone has maybe 480 pixels across. Creating a web page so that it displays nicely on different devices is known as making your web page responsive. In the past, developers actually created multiple websites for different devices. These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.