The screen size is very large and fragmentation is serious. Especially for Android, you will hear many resolutions: 480x800, 480x854, 540x960, 720x1280, 1080x1920, and there are also legendary 2K screens. The fragmentation of the iPhone has intensified in recent years: 640x960, 640x1136, 750x1334, 1242x2208.
Whether you are a designer or a front-end engineer, you must abide by these dimensions and don't design things that are beyond publishing. Be sure to communicate more
/*版心*/
@media screen and (max-width:1200px) and (min-width:1024px){
.w{
width:1024px;
margin:0 auto;
position: relative;
}
}
@media screen and (max-width:1024px){
.w{
width:960px;
margin:0 auto;
position: relative;
}
}
@media screen and (min-width:1200px){
.w{
width:1200px;
margin:0 auto;
position: relative;
}
}