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

Posted 2023-03-06

【中文标题】如何使页面仅在移动设备上响应[关闭]

【英文标题】：How to make page responsive only on mobile device [closed]

【发布时间】：2018-11-24 21:33:16

【问题描述】：

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

提前致谢。

【问题讨论】：

您需要响应移动设备还是（仅适用于计算机，最小计算机将是迷你笔记本电脑）

使用@media查询

Fastest Way to Make Website Responsive?的可能重复

您的问题之前已得到解答。你怎么在谷歌上找不到这个？它的资源很多。 ***.com/questions/9917664/…

【参考方案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/