c# - 如何适应移动设备

Question

我已经建立了一个在 PC、笔记本电脑和 Ipad 设备上功能齐全的网站。我想把它扩展到手机上。我面临的问题是我不确定最好的方法。我目前在我的网站中使用主题。我认为最好的方法是检测设备并根据它是手机还是 PC 来更改主题。我发现的许多示例都显示了在链接样式表时如何执行此操作。

<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="800.css" />

我应该通过链接的样式表来做到这一点，还是我可以以某种方式使用主题来做到这一点？

Answer 1

大多数Desktop + Mobile主题的工作方式类似于以下代码。最好的方法是使用@media查询（检查这个链接和这个）。与其使用更多样式表，不如只使用一个。

@media screen and (min-device-width: 801px) {
    /* Your style here */
}

@media screen and (max-device-width: 800px) {
    /* Your style here for mobile  */
}