2014-04-01 100 views
0

我可能只是失去了一些东西,但是这也不meta标签:让Chrome和Firefox显示视

<meta id="gameViewport" name="viewport" content="width:device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui, target-densityDpi=device-dpi"> 

也不这些CSS3指令:

@-webkit-viewport { 
    height: 704px; 
    width: 1280px; 
} 
@-viewport { 
    height: 704px; 
    width: 1280px; 
} 
@viewport { 
    height: 704px; 
    width: 1280px; 
} 

似乎正在任何差别, chrome和ff不会响应地更改视口。还有另外一种方法我应该这样做吗?对于即我能够使用非常简单:

@-ms-viewport { 
    height: 704px; 
    width: 1280px; 
} 

CSS3指令得到我想要的东西,但显然不支持其他浏览器?我在做什么错了我有什么,或者有更好的方法来实现在其他浏览器中的相同的东西?我正在处理的网站位于此处:damiankulp.com/damian/gallery/protobox

+0

FF至少不会执行'@ viewport'。 MDN的[目录](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference)中有一个条目,但它不指向现有页面。这可能意味着'@ viewport'不会很快来到Mozilla。如果确实如此,它可能会首先被称为'@ -moz-viewport'。 –

+0

如果最坏的情况出现,你可以随时做'html {width:704px;身高:1280px}'当然。 –

+0

我正在尝试使用视口来使东西响应...而FF的东西很烂,有没有另一种方法来做类似的事情? – dlkulp

回答

1

不确定,但content="width=device-width, ..."而不是content="width:device-width, ..."可能有所帮助。

+0

我希望,Chrome仍不会调整大小,也不会自动调整大小。 – dlkulp

相关问题