Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

62usersがブックマークコメント18

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント18

            • 注目コメント
            • 新着コメント
            ku_marin
            これ今もなのかな

            その他
            glat_design
            これ全然知らなかった。なんかこういうバージョンごとのバグとまとめのサイトとかあるのかな /

            その他
            diveintounlimit
            iOS5では治ってる。

            その他
            rryu
            letter-spacingで直るということは文字間の計算誤差っぽい。iOS5では直ってるようだ。

            その他
            sanata0130
            letter-spacing: -0.001em;

            その他
            ken_c_lo
            letter-spacing: -0.001em;

              その他
              amberjack115
              # コメ欄より "letter-spacing: -0.001em; を入れると応急処置にはなるようです。"

              その他
              haiji505
              letter-spacing: -0.001em;

              その他
              Kanasansoft
              iOSのSafariで特定のfont-size(9,10,11px)のときマルチバイトの折り返し位置がずれる。『letter-spacing: -0.001em;』で応急処理。

              その他
              sakaki0214
              letter-spacing: -0.001em;でなおる!

              その他
              youhey
              iOSのSafariで特定フォンとサイズに謎の隙間

              その他
              hiro_y
              11px、10px、9pxがfont-sizeで指定されると横幅の計算が変になる

              その他
              field_combat
              文字サイズが9、10、11pxのとき、右側に謎の隙間ができるらしい

              その他
              silverscythe
              なんじゃこりゃ‥‥

              その他
              kkeisuke
              iPhone

                その他
                ysk_lucky-star
                Apple「仕様です(キリッ」って言う前に対処しそうだけど

                その他
                hama_shun
                俺もこれあった!font-sizeだったのかー。 letter-spacing でいけるよってコメントにおおすぎさんが。

                その他
                MinazukiBakera
                これこれ!! これたぶん、先週私がハマって結局解決策が見いだせなかったやつと同じ問題。私も解決方法が知りたいです。

                  その他

                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                  リンクを埋め込む

                  以下のコードをコピーしてサイトに埋め込むことができます

                  プレビュー
                  アプリのスクリーンショット
                  いまの話題をアプリでチェック!
                  • バナー広告なし
                  • ミュート機能あり
                  • ダークモード搭載
                  アプリをダウンロード

                  関連記事

                    usersに達しました!

                    さんが1番目にブックマークした記事「iOSのSafariで特定...」が注目されています。

                    気持ちをシェアしよう

                    ツイートする

                    iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker

                    iOSのSafariでなぜか特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしいのか...iOSのSafariでなぜか特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記:letter-spacing: -0.001em; で直るっぽい

                    ブックマークしたユーザー

                    • ms09242017/06/22ms0924
                    • ku_marin2017/02/17ku_marin
                    • tksnesne2015/04/20tksnesne
                    • glat_design2014/06/29glat_design
                    • htomix2014/06/10htomix
                    • kudakurage2013/05/08kudakurage
                    • cube11922013/03/15cube1192
                    • Nemisama2013/01/16Nemisama
                    • shimael2012/12/13shimael
                    • bridgewall2012/10/05bridgewall
                    • diveintounlimit2012/05/24diveintounlimit
                    • ton_nii2012/05/11ton_nii
                    • rryu2012/04/21rryu
                    • eguegu30002012/04/05eguegu3000
                    • skyriser2012/03/16skyriser
                    • tarchan2012/03/14tarchan
                    • sleepin-sheep2012/03/14sleepin-sheep
                    • sanata01302012/03/13sanata0130
                    すべてのユーザーの
                    詳細を表示します

                    ブックマークしたすべてのユーザー

                    同じサイトの新着

                    同じサイトの新着をもっと読む

                    いま人気の記事

                    いま人気の記事をもっと読む

                    いま人気の記事 - テクノロジー

                    いま人気の記事 - テクノロジーをもっと読む

                    新着記事 - テクノロジー

                    新着記事 - テクノロジーをもっと読む

                    同時期にブックマークされた記事

                    いま人気の記事 - 企業メディア

                    企業メディアをもっと読む

                    はてなブックマーク

                    公式Twitter

                    はてなのサービス

                    • App Storeからダウンロード
                    • Google Playで手に入れよう
                    Copyright © 2005-2026Hatena. All Rights Reserved.
                    設定を変更しましたx

                    [8]ページ先頭

                    ©2009-2026 Movatter.jp