html - 使用视口(viewport)将移动 View 设置为特定宽度

标签 html css viewport

一直在为我的查询寻找解决方案,但没有找到任何运气。

我有一个使用 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>

更多信息:http://www.w3schools.com/css/css_mediatypes.asp

关于html - 使用视口(viewport)将移动 View 设置为特定宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26460260/

相关文章:

jquery - 仅对我单击的框应用颜色

html - iPad Mini 2 的自定义 CSS、视网膜显示和@media 屏幕/视口(viewport)设置

javascript - 使用javascript检测视口(viewport)宽度是否大于Mobile Safari上的可见宽度

css - 通过 CSS 为 Windows Surface RT 设置视口(viewport)

单击时 jQuery 禁用和启用输入类型图像

javascript - 如何显示自定义html标签?

jquery - 水平居中 <li> 在 <ul> 内并保持动画工作

php - 尽管明确告知 Div 不会消失(javascript)

html - CSS设置div颜色,当diva :hover

jquery - 在 div 鼠标悬停时锁定主体滚动但保持位置