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

スマートフォンや携帯電話の普及で、webサイトを印刷はすることが少なくなってきている。 なんだけど、稀に印刷までしっかり組んでほしいという要望があるので備忘録。 横幅をA4に無理やり納める方法 以下の様にscaleでページ全体を縮小してしまうのが有効 …

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

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

固定ヘッダーのデザインって多いですよね。 スマホサイトだと、７～8割が固定ヘッダーな気がする（当社比） PCサイトでも1カラムのサイトだと、最近は結構多い。 ただ、ページ内リンクが固定ヘッダの高さ分ずれちゃうのが玉に瑕。 前はJSでスクロール位置ず…

font周り 游ゴシックの、font-weightがwinのchromeだけ細い問題 font-faceでなんとか対応できたり、それがまたできなくなったりと去年あたり振り回されたけど、 現在（2018/4現在）は font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Goth…