2017年5月 アーカイブリスト

« 2017年1月  

2017 May 14

レスポンシブWEBサイト製作の際にお世話になっている、safari専用のハックコード。

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .box_bg_photo {
height: 600px; /*縦幅*/
}
}

こんな感じの分ですね。もう有名なコードですが(・ω・`)

今現在のiPhone7、iPadpro環境の新しいSafariには効かなかったので、ぐぐーる先生に相談したところ新しいハックコードを紹介しているブログサイトさんをみつけたので、メモメモッ

それがこちら(´・ω・`)ノ

_::-webkit-full-page-media, _:future, :root .box_bg_photo {
height: 600px; /*縦幅*/
}

ただ、古いSafariだとこのコード反応しなかったので...(;°ロ°)

二つ書かないといけなくなったのか..._| ̄|○


◎参考サイト様
SublimeなLife日記さま
http://sublimelife.hatenablog.com/entry/2017/02/06/102109

Site Search

Tag Cloud


2002.6.6 count start