2013-01-03 69 views
7

我製作了一個HTML5 Web應用程序,我希望它可以通過PC上的窗口大小自動縮放(不是移動的)。 所以我將其添加在CSS:Chrome v23不支持視口縮放或視口元標記?

@-ms-viewport { width: 1024px; } 
@-webkit-viewport { width: 1024px; } 
@-moz-viewport { width: 1024px; } 
@-o-viewport { width: 1024px; } 
@viewport { width: 1024px; } 

在IE10(Win8的),就OK了,如果調整窗口的大小更小,一切都在HTML較小。該html已縮小。

但在Chrome v23中,如果窗口大小變小,則html中的所有內容都不會縮放.Chrome v23不支持視口縮放?

enter image description here

回答

4

沒有,@viewport is not yet implemented in Chrome。據我所知,viewport元標記只在移動瀏覽器中實現,而不是桌面。

+2

真可惜,似乎只有IE10已經在桌面瀏覽器上實現了它。是否有任何鉻夜間生成版本現在實施? – Jove

+0

@Jo我不這麼認爲。雖然[源](https://github.com/WebKit/webkit/blob/master/Source/WebCore/css/CSSPropertyNames.in)表明它有一個ENABLE_CSS_DEVICE_ADAPTATION標誌,但我沒有看到它在任何啓用尚未建成。他們可能不想發佈-webkit前綴版本,所以這需要時間。 – hexalys

+0

有關於此的任何更新? – Sentinel