🔍

Google検索結果ページの最小幅が1200px以上もあって広すぎる

2021/08/26に公開

モチベ

最小幅が広すぎて鬱陶しい。このムダに広いスタイルを UserCSS で上書きする。

問題

具体的には、このスクショの下端に写ってるスクロールバーの横幅が余ってることから分かるように、横幅が広すぎる。

スクショ

結果

コードは以下の通り

#searchform,
#searchform > div:first-child > div,
#top_nav,
#appbar,
#fbar {
  min-inline-size: unset;
}
#searchform g-img,
#searchform g-img img {
  max-inline-size: 100%;
}

これで1100px程度でも余らなくなって気分がスッキリした。

参考

https://developer.mozilla.org/ja/docs/Web/CSS/min-inline-size

https://developer.mozilla.org/ja/docs/Web/CSS/max-inline-size

https://developer.mozilla.org/ja/docs/Web/CSS/min-width

https://developer.mozilla.org/ja/docs/Web/CSS/max-width

強さ

width < max-width < min-width

Discussion