気を付けよう,vwとかvhとか

windowsのスクロールバーはvwの範囲に入っている windowで body{ width:100vw; } body{ width:100vw; } にすると横スクロールバーが出る（以下はみ出る）事がある。殆どでる。縦スクロールバーが出ないサイト以外で出るつまり殆どのサイトで100vwを設定す…

2018-05-19

スマートフォンでの固定背景について

css js jQuery 固定背景 background-attachment パララックス

main画像なんかでよく使うやつ。オシャレ系のサイトだと多い。 PCサイトならbackground-attachmentとbackground-size:coverで対応可能スマホやタブレットでは画像がめちゃくちゃ大きくなってしまったりするのでこの方法は使えない。その為よく使われるの…

2018-04-27

ie11対策まとめ

html css jQuery js javascript

まだまだ必要なie11対策ユーザーエージェントで振り分け bodyにclass付けるやつ昔はよく、ifでつけてたやつだね var ua = window.navigator.userAgent; if( ua.match(/MSIE/) || ua.match(/Trident/) ) { var bodyElement = document.getElementsByTagName…