タグ

ブックマーク / qiita.com/nanocloudx (1)

  • スクロールバーの幅に依存しないスタイル指定 - Qiita

    問題 CSSで overflow: scroll; を指定した要素はスクロールバーが表示されます。 ...と、思っていた時期がぼくにもありました。 Yosemite 以降の Mac(OS X 10.10~) では、OS のデフォルト設定でスクロールバーを非表示にしている為、overflow: scroll;を指定してもスクロールバーは表示されません。 その為、スクロールバーが表示される前提でスタイル指定していると表示が崩れてしまいます。 「え?同じブラウザを使っているのに表示崩れが起きるだと!?」 「OSも影響するよー」「▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂」 そもそもスクロールバーの幅はOSやブラウザによって異なるはずで、来はこれに依存しないスタイル指定をするのが良いはずです。 とはいっても、面倒であったり難しかったりで一般的なスクロールバーの幅(15pxぐらい)を width の計

    スクロールバーの幅に依存しないスタイル指定 - Qiita
    kefi3104
    kefi3104 2016/06/22
    スクロールバーの幅に依存しないスタイル指定
  • 1