Css 如何创建移动友好网站[基础设施]

如果我想创建一个相对较小的网站的移动友好版本，最好是有一个子域重定向到一个具有单独标记和样式的全新url，还是最好在代码中检测用户代理并以编程方式更改为不同的移动友好样式表，或者他们的解决方案是我忽略的一个更好的基于基础架构的解决方案

---

谢谢。

你可以两种都试试。让主站点检测useragent，然后重定向到全新的域。这样，它的自动化程度更高，但是你的主站点代码不会有大量的if语句，这取决于它是否是移动的，因为新域会处理这些

---

如果您使用此方法，请始终在移动站点上添加链接，以便用户可以查看主站点（如果他们愿意的话）。。。使用cookies，否则你最终会被重定向到移动站点。

如果SEO不是一个真正的问题，那么在维护方面，使用相同HTML的不同样式表要容易得多

如果您决定重定向到某个“移动友好”子域，请确保您可以返回到桌面版本（如果他们愿意），更重要的是，任何deeplink实际上都可以在重定向中工作。我厌倦了仅仅因为我在安卓操作系统上（尽管我禁用了移动视图）而点击链接强制移动视图，并在这个过程中丢失任何链接信息，让我在一些我以前从未见过的随机网站上完全迷失方向。。。所有这些都是因为twitter上有人想分享一篇文章的链接。。。你能解释一下如何做吗？你可以使用link元素的media属性来定位特定的设备。例如：将只针对“手持”（移动设备）。如果希望样式表应用于所有设备类型，可以使用“all”。此处列出了所有不同的媒体类型：