网站的手机和 PC站要采用什么设计？
时间：2023-05-16 14:21:02 | 来源：网站运营
时间：2023-05-16 14:21:02 来源：网站运营
网站的手机和 PC站要采用什么设计？：网站的手机站和 pc 站应该采用不同的 URL 还是相同的 URL？为什么？
—— 应该采用相同的 URL.
手机站和 PC 站的设计模式一般有如下 3 点
[1]：
- 1、响应式设计（Responsive Design）：
PC 站和移动站的 URL 是完全一样的（不管用什么设备访问都一样），返回给浏览器的 HTML 代码也是一样的，不同宽度的屏幕排版不同是通过 CSS 控制的。以前也经常称为自适应设计，就是因为排版是根据屏幕宽度自动适应的。
优点：代码有利于维护、可以随时适应不同的分辨率。
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 查询属性适配不同分辨率，这样不会造成网站重复、代码有利于维护、可以随时适应不同的分辨率。
参考
- ^网站的手机站和 PC 站应该采用什么样的设计？ https://docs.fuyeor.com/question/11930
在线咨询
