Mobile phone screen Size test--the actual display of the mobile phone width of the page _ Experience Exchange

Source: Internet
Author: User

Mobile phone station development encountered some problems, design page Use how large size? To do some research, in addition to the iphone special some, currently on the market Android system actually display the width of the page, are 360px.

Mobile phone model Vertical screen width
IPhone 5 320px
IPhone 6 375px
IPhone 6 Plus 414px
Nexus 4 384px
Android (majority) 360px

In the previous two years, the Android resolution was mostly 240px or 320px, now 360px, for backward compatibility, up and compatible, and eventually the 360px to the design dimensions, later use CSS3 media queries that is, media query features for further compatibility, compatible with other devices, And do some equipment of the horizontal screen compatible.

Attached: Screen size test JS code, as follows

<! DOCTYPE html>  

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.