<p>備忘録として作成</p>
<h2 id="%E3%81%AA%E3%81%9C%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%81%AE%E3%81%8B">
<a class="header-anchor-link" href="#%E3%81%AA%E3%81%9C%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%81%AE%E3%81%8B" aria-hidden="true"></a> なぜ作成したのか</h2>
<p>たまたま <code>column-gap</code> でいい感じに余白付けようかなと思った時に、</p>
<p>そういえば以前、古い OS やブラウザが対応してなかったことを調べたことを思い出したため、</p>
<p>新しめの CSS を利用する時に調べられるようにするため。</p>
<p>因みに記事作成時（2022/5/11）、</p>
<p><code>column-gap</code> の OS/ブラウザ対応状況はこんな感じで、</p>
<p>iOS とかですら 14.5~ じゃないと対応してなかったりする。</p>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--CYaQaMOG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/f8645cc2f43db5129979b17a.png%3Fsha%3Dfb22b8553b278570d260a6e416f3499d7a68141c" alt loading="lazy" class="md-img"></p>
<h2 id="%E3%81%8A%E3%81%99%E3%81%99%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%8A%E3%81%99%E3%81%99%E3%82%81" aria-hidden="true"></a> おすすめ</h2>
<p>以下サイトが検索しやすく、ぱっと見でわかりやすいためおすすめ<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c908321c8669b" src="https://embed.zenn.studio/card#zenn-embedded__c908321c8669b" data-content="https%3A%2F%2Fcaniuse.com" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://caniuse.com" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://caniuse.com</a></p>


CSSの各OS/ブラウザ対応状況を調べる方法

なぜ作成したのか

おすすめ

Discussion