BLOG

picturefill.js設置してみました。

レスポンシブでホームページ制作してもキービジュアルが写真だったらあまり気にならないのですがCREATE RECORDは キービジュアルが文字なのでエッジがダルくなるのが気になります。対策としてキービジュアルの画像サイズ切り替えるpicturefill.jsを導入してみました。 設置もシンプルでした。

ヘッダー内でpicturefill.jsを読み込み

htmlは以下のようなソースです。max-widthを入れないと1000以下のときに画像がきえちゃいましたので入れています。

http://create.irec.jpに実装しました。
また時間のある時にタブレットやスマフォの画像を最適化させます。 IEは10以外動作してませんでしたので9以下はカットです。

picturefill.jsのダウンロードはこちらから

    Sponsored Links

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です