2013-01-03 28 views
7

Tôi đã tạo một Webapp HTML5 và tôi muốn nó được tự động thu nhỏ theo kích thước cửa sổ trên PC (không phải di động). vì vậy tôi thêm nó vào css:Chrome v23 không hỗ trợ tỷ lệ khung nhìn hoặc thẻ meta chế độ xem?

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

Trong IE10 (Win8), Nó OK, nếu cửa sổ được thay đổi kích cỡ nhỏ hơn, tất cả mọi thứ trong html là nhỏ hơn. html đã thu nhỏ lại.

nhưng Trong Chrome v23, nếu cửa sổ được định lại kích thước nhỏ hơn, mọi thứ trong html KHÔNG được thu nhỏ. Chrome v23 không hỗ trợ tỷ lệ khung nhìn?

enter image description here

Trả lời

4

Không, @viewport is not yet implemented in Chrome. Theo như tôi biết, thẻ meta viewport chỉ được triển khai trong trình duyệt trên thiết bị di động chứ không phải trên trình duyệt dành cho thiết bị di động.

+2

Thật đáng tiếc, có vẻ như chỉ có IE10 đã triển khai trên trình duyệt máy tính để bàn. Có phiên bản xây dựng hàng đêm chrome nào được triển khai ngay bây giờ không? – Jove

+0

@Jove Tôi không nghĩ vậy. Trong khi [source] (https://github.com/WebKit/webkit/blob/master/Source/WebCore/css/CSSPropertyNames.in) cho biết có một lá cờ ENABLE_CSS_DEVICE_ADAPTATION cho nó, tôi không thấy nó được kích hoạt trong bất kỳ xây dựng được nêu ra. Và có lẽ họ không muốn phát hành phiên bản tiền tố -webkit, vì vậy việc này sẽ mất thời gian. – hexalys

+0

bất kỳ thông tin cập nhật về điều này? – Sentinel

Các vấn đề liên quan