【问题标题】:Mobile and Desktop Webpage Implementation移动和桌面网页实施
【发布时间】:2018-07-12 09:37:33
【问题描述】:

如何创建一个针对桌面浏览器和移动浏览器分别设计的网站?

【问题讨论】:

  • 你的标题和正文似乎提出了完全不同的问题。
  • 我一个字弄错了。听起来你还是不一样?
  • 没有。标题询问如何调整网站大小,而正文询问如何将网站的桌面版和移动版分开。
  • 我假设你问的是后者。
  • 我现在很清楚了。谢谢大佬!

标签: html css web mobile responsive


【解决方案1】:

有两个主要选项:

  1. 响应式网页设计来自media queries

    来自MDN

    响应式网络应用使用媒体查询和视口等技术来确保其 UI 适合任何形式:台式机、移动设备、平板电脑或其他任何形式。

  2. 单独的移动和桌面版本,通过user agent detection选择

    MDN 有some discussion of pros and cons of this approach

【讨论】:

    猜你喜欢
    • 2012-06-28
    • 2013-01-07
    • 2018-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-23
    相关资源
    最近更新 更多