タグ

cssとIE9に関するsometkのブックマーク (2)

  • いつか使うかも?cssのfont-sizeをビューポート-パーセンテージで指定する | Tips Note by TAM

    2016.03.28 いつか使うかも?cssのfont-sizeをビューポート-パーセンテージで指定する 二俣です。ちょっとニッチな内容かもしれないですが、備忘録を兼ねて。 よくあるfont-sizeの指定方法 よく見かけたり、使ったりしているfont-sizeの単位は、だいたい下記のような感じかと思います。 px絶対指定。pxで指定する。 em相対指定。親要素のフォントサイズの何倍か。 %相対指定。親要素のフォントサイズの何パーセントか。 rem相対指定。html要素のフォントサイズの何倍か。 .txt1{ font-size: 10px; } .txt2{ font-size: 1.6em; } .txt3{ font-size: 160%; } .txt4{ font-size: 1.6rem; } サンプルページ 念願の、ie8のサポートが終了したこともあり(参考:https://

    いつか使うかも?cssのfont-sizeをビューポート-パーセンテージで指定する | Tips Note by TAM
    sometk
    sometk 2016/09/21
    ie9がだめぽ
  • [CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック

    フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており

    sometk
    sometk 2011/06/10
    フォントサイズあれこれ
  • 1