在台式机上触发时停止响应式设计

请查看本网站digikala.com，并且请让我知道为什么当您在桌面上调整浏览器窗口大小时它没有响应，而当您处于完全响应状态时电话。我注意到Google.com的功能是一样的。当您使用手机时，您会看到移动设计，而您无法通过在桌面上调整浏览器大小来查看移动设计。在台式机上触发时停止响应式设计

感谢，因为响应meta标签的

来源

2016-10-24 G.determinism

这里是另一个网站有类似的行为：tennisworldusa.org –

-1

头

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

来源

2016-11-24 05:52:27

这并不提供答案的问题。一旦你有足够的[声誉]（http://stackoverflow.com/help/whats-reputation），你将能够[评论任何职位]（http://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提问者澄清的答案]（http://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 - [发表评论]（/ review/low-quality-posts/14389343） – Wildcat

–

@amitbende请学习如何包含代码正确阻止 –

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

您需要在头标记添加此代码添加这个元标记。它将为响应而工作。使用媒体查询

/* Tablet Landscape */ 

@media screen and (max-width: 1060px) { 
    #primary { width:67%; } 
    #secondary { width:30%; margin-left:3%;} 
} 

/* Tabled Portrait */ 

@media screen and (max-width: 768px) { 
    #primary { width:100%; } 
    #secondary { width:100%; margin:0; border:none; } 
}

来源

2017-09-21 05:29:01 kavita

在台式机上触发时停止响应式设计

回答

相关问题