2014-04-01 129 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

相關問題