­
手机网站重构履历分享(S60V3篇)最新文章 - UCD大社区­
­
媒介­
做WEB重构的同窗都应当晓得,我们一样平常必要在一个操作系统 (Windows XP)和4种以上的阅读器(IE678,Firefox,Chrome,Opera等)上测试页面的兼容性 。­
相对于而言,手机上的页面兼容性测试,相称痛楚!手机光操纵体系都有S60V3,S60V5, MTK,
five fingers,Android,­
Windows Mobile等等,每一个操作系统上除了自带的浏览器,另有至多3种以上可供用户下载安装的浏览器,
vibram five fingers kso,要想做到较好的兼容性必须在种种平台的手机上安置不同的浏览器一一测试,并总结出差异与共性。 ­
­
通过手机腾讯网与QQ空间WAP2.0版页面制造之后受益不浅,这次来先来分享S60V3平台制造经验&s hy;
­
对于S60V3和浏览器­
­
即SymbianOS操作系统Series 60操作系统的第三版,是S60系列现在使用最遍及的智能手机操作系统。­
S60V3机型有: 诺基亚:N73、N82、N85、N95、E61、E71、6120c等,且新机种不停推出中……­ ;
S60V3平台除了自带的浏览器,最罕用的浏览器有: UC浏览器, GO 浏览器, Opera Mobile/Mini­
在细致比拟各浏览器对CSS支持的悬殊以前,起首来看一动手机腾讯网在各浏览器下的差别:&s hy;
­
盒模子­
­
­
­
尽可能不要为页面的元素指定高度­
UCWeb和GO浏览器不支持宽度,
老母亲为帮儿子还信用卡欠款含泪卖房,主动100%表现页面­
UCWeb不支持左右侧框,支撑高低边框­
­
页面使用100%宽度,兼容性最佳,
甘肃舟曲救援人员在被冲毁房屋中救出7岁男孩!­
UCweb和GO浏览器不支持宽度,100%显示页面­
­
S60平台最为广泛的宽度为240px和320px,以是要是你要为页面指定一个宽度,只有一个取舍:24 0px­
UCweb和GO浏览器不支持宽度,100%显示页面颜色,背景和字体­
­
­
­
必需要显示的图案,
Five Fingers Discount,不要用背景图,间接使用标签­
防止同时呈现多种文字大小,部门浏览器的字体巨细是由用户设置的­
不要太过纠结于粗体和斜体,这取决于手机自带字体的特征­
­
为每个有背景图的元素增加背景致­
背景色和笔墨色彩组合使用,也能发生很好的视觉结果­
UCWeb和GO浏览器不支持宽度,自动100%宽度显示页面­
­
如果你的页面使用的是100%的宽度.背景图最佳使用能够平铺或反复的图片文本处置惩罚&sh y;
­
­
­
设计时只管即便制止左对齐以外的对齐方法­
部分浏览器链接的下划线是否泛起不行控,取决于用户的设置­
字间距和文本缩进,尽量避免使用­
­
合理的使用行高让页面的可读性更好,不支持指定行高的浏览器也有默认的行高­
­
UCWeb支持文本居中,但不支持右对齐抉择符与伪类­
­
­
­
大部份涉猎器不支持界说已访问毗连(a:visited)的色彩,计划时请细致链接的配景色不要与该欣赏器 默认已走访的连接色靠近­
连接的颜色可以指定,
Vibram Shoes,连接是否带下划线取决于浏览器的设置­
­
公道的使用全局挑选符,晋升服从­
class和id选择符是可以释怀使用的­
­
可以通过选择符支持的差异,来为不同的浏览器实现差别的效果其余­
­
各大流派WAP2.0版利用的DTD与标签­
­
­
­
尽量避免使用table­
­
保举使用文档范例为: xhtm mobile profile 1.0 或 1.1­
举荐使用的标签包含: div,
道长水下闭气2小时视频暴光 生存空间无水\(图\),p,span,
Five fingers shoes,ul,li,br,img等经验总结­
­
语义化的标签,和图片归并技能,现阶段是不得当运用在手机网站上(?)­
一套CSS就能顺应全平台的浏览器,这仅仅是个空想­
咱们才方才起步!等待各人的配合钻研和分享!!­
­
­
源地点:
­
­
­
定阅到浏览空间­
­