如何使页面仅在移动设备上响应[关闭]答案

【问题标题】：How to make page responsive only on mobile device [closed]如何使页面仅在移动设备上响应[关闭]
【发布时间】：2018-11-24 21:33:16
【问题描述】：

我一直在研究一个网页，最后让它响应，但我怎样才能让它只对计算机响应，最小计算机将是一台迷你笔记本电脑。我已经在谷歌上搜索了答案，但仍然没有帮助。

提前致谢。

【问题讨论】：

您需要响应移动设备还是（仅适用于计算机，最小计算机将是迷你笔记本电脑）
使用@media查询
Fastest Way to Make Website Responsive?的可能重复
您的问题之前已得到解答。你怎么在谷歌上找不到这个？它的资源很多。 stackoverflow.com/questions/9917664/…

标签： html css responsive-design responsive

【解决方案1】：

使用@media 查询。要定位中等屏幕设备，请使用此

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px)
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}

在此处查看设备特定的媒体查询： https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

【讨论】：