我目前正在开发一个带有多个断点的新响应式网站。在这些断点之间，布局应该灵活，以便在每个设备上始终尽可能好地显示。
如果用户使用经典桌面浏览器查看页面，我想强制页面的桌面版本并阻止响应。
原因是目前德国缺乏响应式广告。
任何人都知道如何实现它？
问问题
3285 次
2 回答
1
您应该使用max-device-width而不是max-width，它针对视口大小而不是设备屏幕大小。
@media only screen and (min-device-width : 1024px) {
/* Styles */
}
您还可以针对视网膜显示器：
@media only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
编辑：有关更多信息，请参阅此 SO 线程。
于 2013-06-11T08:21:03.653 回答
0
从拥有两个样式表开始。一个响应式，一个不响应式。如果它是桌面用户，则为移动用户加载非响应式，反之亦然
<link rel="stylesheet" media="only screen and (max-width: 400px)" href="mobile.css" />
<link rel="stylesheet" media="only screen and (min-width: 401px)" href="desktop.css" />
于 2013-06-11T07:50:06.840 回答