Vue.js + Vuetify でモバイル端末のグリッドシステムがmdに対応してしまう

Question

Vuetifyのモバイル画面用にレスポンシブデザインを考えているのですが、Googleデベロッパーツールで確認すると、ディスプレイをスマホサイズにしているにも関わらずグリッドシステムがmd(960px > < 1264px*)に対応してしまいます。

Vue.js: 2.6.12
Vuetify: 2.3.21

スマートフォンサイズですとcolsが対応するはずですが、何故かmd(960px > < 1264px*)に対応してしまいます。
スマホサイズをcolsで対応するためにどうすればいいのか教えていただけませんでしょうか。

md="6"
![]
md="3"

＜追記＞
WindowEventListenerで画面幅をconsole.logで出力してみた所、モバイル画面では常にwidth:980pxで固定されており、結果として"md"(Large tablet to laptop)用のデザインが適用されてしまっているようです・・・。
何故、モバイル用になると960pxで固定されてしまうのかご存知の方いらっしゃいませんでしょうか。

Answer 1

vuewportの設定が原因だったようで,
vue-headを導入しmetaタグにvueportの設定を付与した所、無事解決する事ができました。
meta: [{ name: 'viewport', content: 'width=device-width,initial-scale=1.0,user-scalable=no' }]