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设计器等功能
附件包含下载方式。