: DRANK mobile.twitter.com 2 years ago Related Topics: arrow_back open_in_new Open page https://mobile.twitter.com/tonkotsuboy_com/status/1526433732420583424 1 comments 鹿野 壮 @tonkotsuboy_com 2 years ago Chrome 104 canaryがリリース💐 画面の幅や高さ等のメディアクエリを超簡単に書けます👼 例:600px以上800未満のときだけのスタイル ■ 従来@media (min-width: 600px) and (max-width: 799px) {} ■ 新しい書き方@media (600px <= width < 800px) {} デモhttps://codepen.io/tonkotsuboy/pen/vYdgKqM/ec14a25030a63df4f0127304736f148b
鹿野 壮 @tonkotsuboy_com 2 years ago Chrome 104 canaryがリリース💐 画面の幅や高さ等のメディアクエリを超簡単に書けます👼 例:600px以上800未満のときだけのスタイル ■ 従来@media (min-width: 600px) and (max-width: 799px) {} ■ 新しい書き方@media (600px <= width < 800px) {} デモhttps://codepen.io/tonkotsuboy/pen/vYdgKqM/ec14a25030a63df4f0127304736f148b
Chrome 104 canaryがリリース💐
画面の幅や高さ等のメディアクエリを超簡単に書けます👼
例:600px以上800未満のときだけのスタイル
■ 従来
@media
(min-width: 600px) and (max-width: 799px) {
}
■ 新しい書き方
@media
(600px <= width < 800px) {
}
デモ
https://codepen.io/tonkotsuboy/pen/vYdgKqM/ec14a25030a63df4f0127304736f148b