使ASP.net对移动设备做出响应

Question

我们的网页是用ASP.net Web Forms和MVC制作的.我们希望移动设备可以访问它们.有没有人对如何做到这一点有很好的参考？或者有关如何制作响应式网页的任何建议？

我正在考虑制作2个母版页.一个用于移动设备,一个用于桌面设备,但我认为可能有更好的方法来实现它.

谢谢你的帮助!

Answer 1

你需要的是一种叫做CSS媒体查询的东西.基本上,您为特定的屏幕尺寸创建不同的CSS规则.例如

@media screen and (max-width: 700px) and (min-width: 520px) {
  body {
    background: red;
  }
}

只要浏览器窗口/屏幕宽度大于520px且小于700px,就会将正文背景设置为红色.

尝试谷歌搜索'CSS媒体查询'和'响应式设计',这将指向你正确的方向