タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

mediaqueriesに関するrikubaのブックマーク (3)

  • 縮小したら文字が大きく

    スクリーンサイズに応じたフォントサイズの変更はかなり読みやすくなるアイディアだと思っていて、ここでもずいぶん前から使っている。が、ブラウザーのズームと相性が非常に悪く、縮小したつもりが文字サイズが大きくなったみたいなことがよく起こる。このウェブサイトでもネタ元のウェブサイトでも起こる。 最初はMedia Queriesのブレークポイントでem単位を使うとおかしくなるのかと思ってて、その気になればすぐ直せると思ってたけど全然違った。ズーム機能によって閲覧領域自体が仮想的に変化するということが原因だった。 以下の様な簡単なフォントサイズ調節CSSを例にする。数字にはあんまり意味はない。 @media (min-width: 960px) { html { font-size: 20px; } } このCSSが指定されているHTMLページを900pxの幅で開いてからズームで90%に縮小するケース

    縮小したら文字が大きく
  • メディアクエリー - CSS: カスケーディングスタイルシート | MDN

    CSSBeginner's tutorialsYour first website: Styling the contentCSS styling basicsCSS とは何かCSS 入門課題: 経歴ページのスタイル設定基的な CSS セレクター属性セレクター擬似クラスと擬似要素結合子ボックスモデル競合の処理CSS の値と単位CSS におけるアイテムのサイズ設定背景と境界線コンテンツのオーバーフロー画像、メディア、フォーム要素表のスタイル設定CSS のデバッグ課題: 基的な CSS の理解課題: 美しいレターヘッド付きの便箋の作成課題: かっこいいボックスCSS text styling基的なテキストとフォントのスタイル設定リストのスタイル設定リンクのスタイル設定ウェブフォント課題: コミュニティスクールのホームページの組版CSS レイアウトCSS レイアウト入門浮動ボックス位置指定

    メディアクエリー - CSS: カスケーディングスタイルシート | MDN
  • メディアクエリー

    この文書は「Media Queries (W3C Recommendation 19 June 2012)」の日語訳である。日語訳は参考情報であり、公式な文書ではない。また、翻訳に誤りがある可能性にも注意されたい。 原文の最新版 は、この日語訳が参照した版から更新された可能性がある。他の仕様の訳については Web 標準仕様 日語訳一覧 を参照されたい。 公開日: 2012-06-29 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> メディアクエリー 2012 年 6 月 19 日付 W3C 勧告 (Recommendation) この版: http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/ 最新版: http://www.w3.org/TR/css3-mediaqueries/ 最新

  • 1