做手机页面的时候为什么在不同手机上面字体的大小会不一样呢?
导读:本文共427.5字符,通常情况下阅读需要1分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:不同手机的浏览器默认分辩率是不一样的。iphone的宽度都是320px的。三星的有可能是480px或360px的宽度。你可以通过媒体查询设置在不同分辩率下字体的大小。123456789@mediaonlyscreenand(min-width:320px){body{font-size:11.5px!important}.viewport{max-width:320px}}@mediaonlysc... ...
目录
(为您整理了一些要点),点击可以直达。不同手机的浏览器默认分辩率是不一样的。iphone的宽度都是320px的。三星的有可能是480px或360px的宽度。你可以通过媒体查询设置在不同分辩率下字体的大小。123456789@mediaonlyscreenand(min-width:320px){body{font-size:11.5px!important}.viewport{max-width:320px}}@mediaonlyscreenand(min-width:360px){body{font-size:12.5px!important}.viewport{max-width:360px}}@mediaonlyscreenand(min-width:480px){body{font-size:16px!important}.viewport{max-width:480px}}三星GALAXY Note II也是如上的宽度吗?我还以为是1280px 所以就这个样子写的:@media screen and (max-device-width:1280px){.car_info li{font-size:18px;}}
你看下这网站 screensiz.es/phone 它列出了一些常见设备的尺寸。note 2是360px的宽度。横屏的设备宽度应该就是按比例算是640px。
做手机页面的时候为什么在不同手机上面字体的大小会不一样呢?的详细内容,希望对您有所帮助,信息来源于网络。