在iOS開發(fā)中,我們會遇到用戶豎屏和橫屏的切換,也會遇到用戶放大縮小界面的調整,當遇到這些情況的時候,如何讓文字大小自動調整到合適界面的效果呢?
其實我們會遇到一個屬性:text-size-adjust
text-size-adjust該屬性用來設定文字大小是否根據(jù)設備(瀏覽器)來自動調整,在CSS3中就存在。
值:
- percentage:字體顯示的大小;
- auto:默認,字體大小會根據(jù)設備/瀏覽器來自動調整;
- none:字體大小不會自動調整
注意:該屬性只有webkit瀏覽器支持,目前是webkit的私有擴展。所以,我們在iOS下使用為:
-webkit-text-size-adjust
效果如圖
實例:
<body style="-webkit-text-size-adjust:none">
<table style="-webkit-text-size-adjust:auto">
<div style="-webkit-text-size-adjust:200%">