万普插件库

jQuery插件大全与特效教程

网站的手机和 PC 站为什么大都采用响应式设计?

网站的手机站和 pc 站应该采用不同的 URL 还是相同的 URL?为什么?

—— 应该采用相同的 URL.

手机站和 PC 站的设计模式一般有如下 3 点[1]

  • 1、响应式设计(Responsive Design):

PC 站和移动站的 URL 是完全一样的(不管用什么设备访问都一样),返回给浏览器的 HTML 代码也是一样的,不同宽度的屏幕排版不同是通过 CSS 控制的。以前也经常称为自适应设计,就是因为排版是根据屏幕宽度自动适应的。

优点:代码有利于维护、可以随时适应不同的分辨率。

  • 2、动态服务(Dynamic Serving):

PC 站和移动站的 URL 是完全一样的,这点和响应式设计相同,但动态服务方式返回给浏览器的HTML 代码(以及 CSS)是不一样的,PC 设备访问网站,得到的 HTML 及 CSS 代码是 PC 版,而移动设备得到的 HTML 与 CSS 代码是专门做了移动优化的移动版本。

缺点:不能随时适应不同的分辨率,代码维护困难。

  • 3、独立移动站(Separate Mobile Site) :

移动站的URL和PC站是不一样的,通常用单独的子域名,比如PC站是 www.fuyeor.com ,而移动站则是 mobile.fuyeor.com 。当然,移动站的 HTML 代码(以及 CSS)与 PC 站也是不一样的,是专门做了移动优化的。换句话说:这种方式下移动站就是个独立的网站,相当于 PC 网站换皮。

缺点:不能随时适应不同的分辨率,代码维护困难(需要维护两套代码以及相互跳转),容易造成网站内容重复。

“响应式设计”最好

目前,独立移动站的落后方式已经渐渐被淘汰,而动态服务由于成本和代码的维护性不好也鲜有人采用。现在大都使用“响应式设计”,即用 CSS 的 @media 查询属性适配不同分辨率,这样不会造成网站重复、代码有利于维护、可以随时适应不同的分辨率。

参考

  1. ^网站的手机站和 PC 站应该采用什么样的设计? https://docs.fuyeor.com/question/11930
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言