阻止响应式设计在桌面上触发

Question

请看看这个网站digikala.com，并告诉我为什么当您在桌面上调整浏览器窗口大小时它没有响应，而当您在手机上时它完全响应。我注意到Google.com的功能相同;当您在手机上时，您会看到移动设计，而您无法通过在台式机上调整浏览器大小来查看移动设计。

由于

Answer 1

NavbarComponent

您需要在head标记中添加此代码。它将有助于响应。使用媒体查询

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

Answer 2

因为响应式元标记在头部添加此元标记

<meta name="viewport" content="width=device-width, initial-scale=1">