如何为桌面和移动浏览器创建一个具有单独设计的网站?
有两个主要选项:
-
通过媒体查询进行响应式网页设计
来自 MDN:
响应式 Web 应用使用媒体查询和视区等技术来确保其 UI 适合任何外形规格:台式机、移动设备、平板电脑或接下来的任何内容。
-
独立的移动和桌面版本,通过用户代理检测进行选择
MDN 对这种方法的优缺点进行了一些讨论。