2013-03-21 61 views
2

我有一個適合我的書籤的網站,適用於所有使用CSS媒體查詢的解決方案。如果我縮小我的Firefox窗口,它工作得很好:告訴智能手機瀏覽器使用CSS媒體查詢的實際分辨率

http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_001.png

http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_002.png

然而,在我的Android 4.0手機股票的瀏覽器,它會顯示該網站的一個更廣泛的版本,但縮小比例。這是很不可用這種方式:

http://wstaw.org/m/2013/03/21/Screenshot_2013-03-21-13-36-57.png

有沒有辦法告訴瀏覽器使用的媒體查詢,而不是一些分辨率也由實際設備的分辨率?

回答

1

這個標籤應該可以幫助您:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 

其中:

初始規模= X - 一套規模爲x開放

最大規模= Y時 - 允許變焦最大y倍的

+0

謝謝,這很好! – 2013-03-22 09:56:33