iOS開發(fā)中文字大小自動調(diào)整的方法

2014-01-20 11:14:27來源:西部e網(wǎng)作者:

在iOS開發(fā)中,我們會遇到用戶豎屏和橫屏的切換,也會遇到用戶放大縮小界面的調(diào)整,當(dāng)遇到這些情況的時候,如何讓文字大小自動調(diào)整到合適界面的效果呢?

在iOS開發(fā)中,我們會遇到用戶豎屏和橫屏的切換,也會遇到用戶放大縮小界面的調(diào)整,當(dāng)遇到這些情況的時候,如何讓文字大小自動調(diào)整到合適界面的效果呢?

其實我們會遇到一個屬性:text-size-adjust

text-size-adjust該屬性用來設(shè)定文字大小是否根據(jù)設(shè)備(瀏覽器)來自動調(diào)整,在CSS3中就存在。

值:

  • percentage:字體顯示的大。
  • auto:默認(rèn),字體大小會根據(jù)設(shè)備/瀏覽器來自動調(diào)整;
  • none:字體大小不會自動調(diào)整

注意:該屬性只有webkit瀏覽器支持,目前是webkit的私有擴(kuò)展。所以,我們在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%">

參考文章:https://developer.apple.com/library/ios/DOCUMENTATION/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html

關(guān)鍵詞:iOS

贊助商鏈接: