uc浏览器

在实际开发中,我们发现了UC浏览器对CSS存在一些“特殊照顾”:
不支持font-family属性,也就是说,在UC浏览器你只能看到一种字体;
不支持font-szie属性,也就是说,在UC浏览器你只能看到一样大小的字体;
不支持width、height、padding、margin、line-height属性,也就是说,在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔;
不支持固定像素的宽度,100%显示页面,也就是说,在UC浏览器始终将看到的是“满屏的”;
不支持浮动、层叠布局,float和position属性无效,也就是说,在UC浏览器你只能看到“左对齐”。
支持background-color,但不支持background-image,也就是说不支持CSS背景图显示,在UC浏览器你只能看到背景色。


链接聚焦(hover)各个浏览器均自定义了链接的hover样式,比如有的浏览器给链接聚焦时加了边框,有的浏览器给链接聚焦时加个背景色之类。因此小屏幕移动设备网页不需要在CSS中编写hover样式。

鼠标事件(mouseover)考虑到触摸屏操作,用户无法用手指进行over的操作,因此应禁止在应用于移动设备访问的网页使用mouseover。
屏幕尺寸
一定要记住你不再是在电脑桌面上做设计了,你的页面是要在更小的手机屏幕上显示,另外IPhone的用户可以纵横向翻转屏幕,所以你可以使用百分比和EMS来是你的网站适用于不同尺寸的手机屏幕,另外你也可以使用META properties来限制界面的放大和屏幕尺寸。

猜你喜欢

转载自w-shuang13-163-com.iteye.com/blog/1724792