Shulou(Shulou.com)06/02 Report--

This article mainly introduces the Android screen width and adaptive page content of what related knowledge, the content is detailed and easy to understand, simple and fast operation, has a certain reference value, I believe you read this Android screen width and adaptive page content which articles will have a harvest, let's take a look at it.

In order to make the page friendly on all devices, the page layout needs to be adjusted according to the different width of the screen. Screen widths vary, and it is not possible to handle all screen widths. The width of mainstream equipment and reasonable classification are discussed here.

It is generally divided into mobile phones, tablets and desktop devices.

IPhone 5iPhone 8iPhone 8 PlusiPhone 12 miniPhone 12 ProiPhone 12 Pro Max320*568375*667414*736360*780390*844428*926

This is the logical resolution, not the physical resolution

Although the mobile phone has a tendency to become bigger and bigger, it cannot be expanded indefinitely due to the width of the palm of the hand. At present, the largest iPhone is only 428px, and even if it is possible to increase in the future, the maximum should not exceed 500px.

Flat panel iPad mini fifth generation (7.9in) iPad eighth generation (10.2in) iPad Air fourth generation (10.9in) iPad Pro second generation (11in) iPad Pro fourth generation (12.9in) 1024076810808101180820119483413661024

The smallest iPad vertical screen is the 768px, which is also the dividing point between the phone and the tablet. The largest tablet can be used as a laptop.

Laptop MacBook Air (13 inches) MacBook Air 2017 (13 inches) MacBook Air (16 inches) Windows Notebook (13 inches) Windows Notebook (14 inches) 1280 inches 800 (magnification) 1440 "9001536" 960 (magnification 2.0x) 1280 "720 (1.5 times magnification) 1366" 768

The notebook range is basically between 1280 and 1536. 1280 is the point at which laptops and ipad are separated. For portability, the laptop screen will be fixed between 13 and 14 inches. 16 inches can be seen as the limit of a laptop.

Desktop computer

Although desktop monitors seem to have more room for expansion, taking into account the size of the desktop and the range of sight of the human eye, desktop displays will be dominated by the 23.8-inch and 27-inch 1920 '1080. The word size of the 27-inch 2K monitor is too small, while the 32-inch 2K monitor is too large. Even for desktops, the width of the 1920px is already the limit.

Because there are fewer and fewer desktop users, and the wide screen needs to turn around to browse, the experience is not good. Therefore, whether it is worthwhile to optimize a larger screen is a questionable question.

Classification xssmmdlgxlxxl of Bootstrap5

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.