针对苹果手机默认浏览器而言,html5+css3制作页面需要注意哪些?

html-css025

针对苹果手机默认浏览器而言,html5+css3制作页面需要注意哪些?,第1张

1)HTML5是苹果大力推荐的,可以到苹果官方网站上学习,web 开发者社区里有很多资料

2)实际操作时,跟普通的制作页面没有啥大的区别,看你的功能需求而定。其实很多HTML5+CSS3的新特性在一般页面制作时用不上。

3)加强测试,直接以Safiri作为基础浏览器进行开发就可以了,不支持的内容立即就能看出来。

4)部分元素属性,查阅浏览器兼容信息表

可以用谷歌浏览器里面有iPhone5的尺寸,然后用媒体查询它的宽度就行了

媒体查询(media queries)是响应式设计(Responsive Web Design简称RWD)必不可少的一部分。

媒体查询有两个关键词min-width和max-width, 接触过媒体查询的同学可能会认同我, 这两个关键词很绕;从字面上理解它们可能不那么容易,以至于我每次都需要在脑海里面不断演算,然后小心翼翼地测试效果(大概和写正则表达式的感觉差不多)。

需要提醒一下的是CSS的优先级概念,在样式表中越后的样式优先级越高,就是后面的样式会覆盖前面的样式。在这个例子中,我们先设定了默认颜色为灰色。如果width大于960px的,会显示灰色。

假设width为750px,会先匹配到灰色,再匹配红色,最终显示了橙色。由于width等于750px,它不在0-550px和0-320px这个范围,浏览器不会解析这些样式。

既然喜欢dreamware,mac系统本来就有dreamware,为什么还要找其它的呢。

Adobe Dreamweaver CC 2014 for Mac, 最新的Dreamweaver 2014版本增强了元素快速视图、实时视图、CSS设计器等功能

附件包含下载方式。