2012-04-18 43 views
0

我看到大量的請求,詢問如何停止iPhone調整文本的大小,當手機旋轉到橫向模式時,我希望這發生在Android手機上,但是就像它在蘋果手機。我研究的每件事都指向我使用-webkit-text-size-adjust:none關閉iphones上的功能。強制Android調整文本的大小,如iPhone時,手機旋轉

有沒有辦法在css中強制android瀏覽器在iPhone上做旋轉設備時實際調整此文本的大小?

+0

通過獲取屏幕方向,您可以根據需要更改文本的大小 – 2012-04-18 05:36:24

+1

您的意思是在橫向模式下,您需要查看的文本比在縱向視圖中顯示的文本更大。只需在「res」中創建2個新的佈局文件夾「layout-pot」和「layout-land」,並在layout.xml中設置更改,它只是您可以執行的一種類型,不能確定使用webkit。 – Harpreet 2012-04-18 05:40:48

回答

1

媒體查詢很適合這種事情。我見過最多的是min-widthmax-width但你也可以使用orientation作爲一個標誌,因爲在這裏指出:http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/

/* Portrait */ 
@media screen and (orientation:portrait) { 
    /* Portrait styles */ 
} 
/* Landscape */ 
@media screen and (orientation:landscape) { 
    /* Landscape styles */ 
} 

這將允許您爲雙方的縱向和橫向視圖指定不同的字體大小你的網頁。