mint ui 的 mt-tabbar 显示就一点点，是css引入问题吗？

Question

mint-ui 的 mt-tabbar 显示就一点点，是css引入问题吗？手机看也是这样子的，但是css貌似引入是正常的。

webpack.config.js 写法:

 {
      test: /\.css$/,
      include: [
          /src/,
          '/node_modules/mint-ui/lib/'
      ],
      use:[
      {loader:"style-loader"},
      {loader:"css-loader"},
      {loader:"style!css"},
      ]
  }

main.js

import 'mint-ui/lib/style.css'

看控制台css加载也都正常。

请大佬帮忙看看这个哪里出了问题呢？手机看也是这样，tab就一点点。

Answer 1

是不是页面没加缩放

Answer 2

贴一个css的配置吧，css和vue都要配置

{
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
          css: [
              { loader: "vue-style-loader" },
              { loader: "css-loader" }
          ]
      }
},
{
      test: /\.css$/,
      use:[
          { loader: "vue-style-loader" },
          { loader: "css-loader" }
      ]
}

Answer 3

使用了类似 postcss-pxtorem 的插件
把组件库的样式也转换了吧？
如果是就需要把组件库的类前缀加入到 selecrorBlackList中 这样/^\.mt\-/