响应式网站设计的九大原则.pptx

响应式网站设计的九大原则 烟台网亿网络公司 B D A C E 响应式设计VS适应式设计 位图VS矢量图 嵌套对象 移动端VS电脑端 网页字体VS系统字体 F G G G 相对单位 最大值和最小值 断点 内容流 响应式设计VS自适应网页设计 响应式随着改变而改变，能适应各种屏幕，并根据情况自动调整显示。 自适应式则是基于断点静态布局，一旦页面被加载则无法进行过适应。 移动端VS电脑端 一般来说都是从小屏幕过渡到大屏幕的，移动端还可以带来一席限制。 大屏幕也一眼对于响应式来说，可以根据情况像水一样变化。 位图VS矢量图 位图有很多华丽的效果，并有很多细节，一般比较常使用的JPG、png、gif等。 矢量图就相对简单一些，最好使用SVG或图标字体，而且一般矢量图比较小，老一点的浏览器是不支持的。 网页字体VS系统字体 网页字体相对来说比较酷炫，但是需要用户进行下载，可能会导致用户加载时间过长。 系统字体加载速度则快了很多，减少了很多等待。 网页 网页 移动端VS电脑端 有时候占满整个屏幕宽度在移动端还是很不错的，但是你将它放到电视屏幕上的话就比较难受了，需要确定最大值和最小值。 嵌套对象 有时候占满整个屏幕宽度在移动端还是很不错的，但是你将它放到电视屏幕上的话就比较难受了，需要确定最大值和最小值。 断点 断点可以让页面布局在预设的点进行变形，就是说在台式桌面上显示3栏，在移动端仅显示1栏，大多数CSS属性是可以实现变形的，而断点一般是根据内容来变化的。 相对单位 设计对象一般是台式桌面，也有可能是移动端屏幕或者其他的类型屏幕像素，自然也就彼此不相同，烟台网络公司说在这种情况下，百分比这一类的相对单位就很重要了。就是我们说的视区。 内容流 随着屏幕尺寸的变化，内容所占的垂直空间叶子啊不断变化，就是说，内容会根据情况向下方延伸，这就是内容流。 THANK 烟台网亿网络公司