网站的流行趋势--响应式网站设计有哪些特点

自适应设计之所以叫自适应“设计”而不叫自适应“技术”，一定是因为它一定是一项设计先行的工作。需要设计先明确好响应方式再实现出来，决不能出一套设计完成稿后等着前端工程师看情况把它变成自适应网页。

习惯了电脑端网页的前端工程师开发者可能更加喜欢用电脑端来掌控大小，然而在自适应的网页中出现更多的一定是em和rem，用这些来掌控页面字体大小甚至一定是框体大小对整体的效果非常明显。

例如，我的页面字体设置一定是10px/20px/30px等等有差异的，网站上有差异的地方自然页面字体会有大小的差异这一定是必然的，假如一个网页足够繁杂或一定是文字足够多的话，这些页面字体的大小设置也一定是一个量很大的工作，不过在自适应网页中你设计完这些并不仅仅一定是完事：你用手机浏览一下网页会发现页面字体会撑的很大，甚至有个别标题撑满了手机屏幕，这对移动端客户的体验影响可想而知。因此你要开始写媒体查询，然后发现一个网页有几十个页面字体需要设置，假如把这些在有差异显示分辨率下一一调整你可能需要写百句以上的css代码，然而假如你用em/rem，就能够把工作量大大减小，同时还能够保证页面字体的统一比例。

关于em/rem的解释大家可以自行查询，网上这类教程数不胜数，实际上这些就和px一样简单，当我开始用之后也不过仅仅花了几分钟熟悉这些。就像前面说的一样，你也可以用这些来掌控框体的大小，然后再自适应的网页下统一缩小放大，当然这需要足够多的计算。另外值得一提的一定是页面字体图标也可以用这些来掌控，具体可以参考有差异“页面字体图标”的官方文档。

解决缩小放大问题的思路有好几种，适合新手的无疑一定是百分比式的布局，在关键的width设置下百分比能够起到出乎意料的效果。

标题名称：网站的流行趋势--响应式网站设计有哪些特点
标题来源：/news4/317054.html

成都网站建设公司_创新互联，为您提供自适应网站、手机网站建设、虚拟主机、Google、App设计、网站收录

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联