サクサク読めて、アプリ限定の機能も多数!
ブラウザのデフォルトスタイルシートに`aspect-ratio`の指定が入ることで、widthとheight属性に値を入れることでLayout Shiftが抑えられることについて ``` img { aspect-ratio: attr(width) / attr(height); } ```
efcl のブックマーク 2020/06/04 21:51
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog[browser][article]ブラウザのデフォルトスタイルシートに`aspect-ratio`の指定が入ることで、widthとheight属性に値を入れることでLayout Shiftが抑えられることについて ``` img { aspect-ratio: attr(width) / attr(height); } ```2020/06/04 21:51
このブックマークにはスターがありません。 最初のスターをつけてみよう!
www.mizdra.net2020/05/31
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークか...
418 人がブックマーク・36 件のコメント
\ コメントが サクサク読める アプリです /
ブラウザのデフォルトスタイルシートに`aspect-ratio`の指定が入ることで、widthとheight属性に値を入れることでLayout Shiftが抑えられることについて ``` img { aspect-ratio: attr(width) / attr(height); } ```
このブックマークにはスターがありません。
最初のスターをつけてみよう!
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークか...
418 人がブックマーク・36 件のコメント
\ コメントが サクサク読める アプリです /