LoginSignup
9
4

More than 3 years have passed since last update.

【Vuetify2】Vuetifyのreset.cssは? → ress.css

Last updated at Posted at 2019-09-27

結論:ress.css

Vuetifyが採用してるreset.cssの種類は「ress.css」でした。
※ Vuetify v2.0.19 時点

Vuetify使うときに、果たして別途reset.cssって必要なのか…? と気になって調べました。
Vuetifyの中に内包されてるということなので、要らないね!

ソース

GitHub

ress.cssをベタ書きしてるファイルがありました。
https://github.com/vuetifyjs/vuetify/blob/v2.0.19/packages/vuetify/src/styles/generic/_reset.scss

_reset.scss

/* ! ress.css • v1.1.1 - MIT License - github.com/filipelinhares/ress */

/* # =================================================================
   # Global selectors
   # ================================================================= */

   html {
    box-sizing: border-box;
    overflow-y: scroll; /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%; /* iOS 8+ */
  }
...

ドキュメント

FAQの中に言及がありました(2019/09/28時点)。
https://vuetifyjs.com/en/getting-started/frequently-asked-questions#the-scrollbar-is-showing-even-though-my-content-is-not-overflowing-vertically

Vuetify uses the ress reset which by default turns on the html scrollbar to normalize behavior between browsers.

9
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
4