Solve the iphone cross screen when the font becomes larger problem or the content size is not the same ...

前提修改文档声明，如有疑问，请看文章手机web2.0网页文档属性

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}} 如有想进一步了解，请看上一篇Media Queries详解

CSS3 in-webkit-text-size-adjust Detailed:

1, when the style table font-size<12px, the Chinese version of the Chrome browser font display is still 12px, then you can use Html{-webkit-text-size-adjust:none;}

2,-webkit-text-size-adjust placed on the body will cause page scaling failure

3. Body will inherit the style defined in HTML

4. Do not use-webkit-text-size-adjust to define inheritable or global

Solve the iphone cross screen when the font becomes larger problem or the content size is not the same ...