jQuery Plugin字型定義

設計jQuery UI Plugin時,在需要使用到外部css檔或style來定義UI style時,建議不要再css/style內直接使用定值的字型大小(如:12px、16px、18px等),定值會造成使用此元件的網頁,在排版過程中需適時的微調Plugin有提供的css或直接動js內的style設定,才能滿足網頁與元件字型的一致性。如果希望配合網頁設定的字型一起調整,建議font-size採用相對大小的方式來設計(如:large、small、smaller、x-small等),會有比較好的效果。

例如:
  • 原本font-size:12px  改為 font-size:small
  • 原本font-size:14px  改為 font-size:smaller
  • 原本font-size:16px  改為 font-size:medium
注意事項:使用相對字型(smaller/larger)大小是會受到CSS階層關係影響:
<div style='font-size:smaller'>
    smaller一次的字型
</div>
<div style='font-size:smaller'>
    <div style='font-size:smaller'>
        smaller兩次的字型
    </div>
</div>


沒有留言:

橫式廣告