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

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