一直在为我的查询寻找解决方案,但没有找到任何运气。
我有一个使用 CSS 响应式设计设计的网站。
我想知道有没有办法用viewport来做ipad之类的设备 查看网站看起来像更大宽度的设备。
从本质上讲,我想让这些响应式元素现在就像在台式机上一样,但在 ipad 和其他移动设备上。
尝试过诸如
<meta name="viewport" content="width=device-width, initial-scale=1>
但到目前为止还没有运气。
<meta name="viewport" content="width="1100">
似乎让所有内容都按照我想要的方式显示,但将网站对齐到左侧而不是居中。
我已经为我的 css 使用了 @media 查询,现在我希望移动设备基本上忽略这些响应式设计元素,并且看起来就像在桌面浏览器中一样。
感谢任何帮助
最佳答案
希望这对您有所帮助,请将其放入您的 CSS 中。
<style>
@media ( max-width:110px) {
.yourmenu{
//do your css coding here, you may tweak the size
}
}
</style>
关于html - 使用视口(viewport)将移动 View 设置为特定宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26460260/