タグ

ブックマーク / qiita.com/sygnas (2)

  • iOS Safari で最後の一文字だけ改行される不具合の対処方法 - Qiita

    特定条件のみ最後の一文字が改行されてしまう iOS Safariでページを確認したら特定の箇所だけ最後の一文字が改行されてしまうという現象に悩まされていました。 こんな感じです。 発生条件 ≫iOSで最後の1文字が改行される ≫Mobile Safariで最後の1文字が改行されてしまうバグ 上記ページに発生条件がいろいろ書かれていますが、 フォントサイズ 前後の空白 文字数 などは自分の場合は関係ありませんでした。別の文字列にしても改行されたので文字コードなども関係ないようです。 dt タグを display:inline-block する というのが自分の発生条件のようです。 対処法 dt{ display: inline-block; margin-right: -1px; &:after{ content: "."; width: 0; font-size: 0; color: tr

    iOS Safari で最後の一文字だけ改行される不具合の対処方法 - Qiita
    kuracom
    kuracom 2016/12/05
  • jQueryプラグイン「Sticky-Kit」のコツ - Qiita

    スクロールに追従するサブメニューを作る時に便利なjQueryプラグイン「Sticky-Kit」。 使い方とコツを自分用にメモしておきます。 ≫Sticky-Kit的な使い方 <script src="lib/jquery.min.js"></script> <script src="lib/jquery.sticky-kit.min.js"></script> <div id="box" class="clearfix"> <div id="side"> ~サブメニュー~ </div> <div id="main"> ~主コンテンツ~ </div> </div> #box{ width: 700px; /* clearfixの記述は面倒なのでここでは省略 */ } #side{ float:left; width: 200px; } #main{ float:main; width:

    jQueryプラグイン「Sticky-Kit」のコツ - Qiita
    kuracom
    kuracom 2014/04/14
  • 1