使用视口将移动视图设置为特定宽度

时间:2014-10-20 07:15:16

标签: html css viewport

一直在寻找我的查询的解决方案但是没有运气。

我有一个我用css响应设计设计的网站。

我想知道是否有办法使用视口来制作像ipad这样的设备 查看网站看起来像更宽的设备。

基本上我想让这些响应元素现在像在台式电脑上一样,但在ipad和其他移动设备上。

尝试了诸如此类的事情     <meta name="viewport" content="width=device-width, initial-scale=1>但到目前为止没有运气。

<meta name="viewport" content="width="1100">似乎使所有内容都按照我想要的方式显示,但是将网站左对齐而不是居中。

我已经为我的css使用了@media查询,现在我希望移动设备基本上忽略这些响应式设计元素,看起来就像在桌面浏览器中一样。

任何有用的帮助

1 个答案:

答案 0 :(得分:0)

希望这有帮助,把它放在你的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