电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 响应式网页设计的9条基本原则更新 [打印本页]

作者: look_w 时间: 2019-2-18 19:02 标题: 响应式网页设计的9条基本原则更新

网页字体 vs 系统字体

希望你的网站上有很酷的Futura或Didot字体吗？可以使用网页字体！虽然它们看起来非常棒，但是记住字体放得越多，你加载页面的时间也会越长。在另一方面，加载系统字体确是快如闪电，但当用户本地没有这套字体时，它就会返回默认的字体。

位图 vs 矢量图

你是否想过在图标上添加很多的细节和花哨的效果？如果想过的话，使用位图比较合适。如果没有，可以考虑使用矢量图。对于位图，使用的是jpg、png或gif格式的图像，而对于矢量图，最好的选择是SVG或图标字体。每个都有对应的优势和缺点。但是图片的大小也需要重视——网页上的图片必须经过优化。另一个方面，矢量图通常比较小，但是一些旧版的浏览器不支持。此外，如果它有很多曲线的话，它也可能会比位图要重。所以，慎重选择。

觉得我们遗漏了什么重要的内容？在评论里给我们留言吧！

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)