最近做一个登录界面,说来惭愧,本来是更简单的一个页面,硬是让我整出许多问题来,下面是我的总结:
1.关于字体
由于每个浏览器对字体定义的不同,最好是用em属性来兼容不同浏览器,对于ie,还需要加上font-size:100%来确保字体正常显示.
谷歌规定小于12px的字体是不区分大小的,以前可以用webkit-text-size-adjust:none来取消这个限制,但是后来谷歌不支持了,据说可以用transform:scale(0.875);这条css3属性来完成类似功能.如果情况允许也可以直接插入图片.
*webkit-text-size-adjust:none该属性最先是由 iOS 1.0 引入的，所以本来就是解决移动设备上的问题而出现的。通常 iPhone（iOS4）横屏时，「-webkit-text-size- adjust」 的值约为140%。所以如果想取消 iOS 设备横屏切换时候字号变大，正确的用法应该是：
「-webkit-text-size-adjust:100%;」
2.关于背景图片
有时候需要将背景图片定位,可用属性 background-position: 10px 20px ;position:absolute .这样当页面宽度改变时,背景图片不会变形