Vue.js 全局设置页面字体和输入框大小

要设置整体页面的字体，可以在 Vue 的根组件中使用 CSS 样式来设置。可以在根组件的样式中设置 body 的字体大小和输入框的大小。

例如，在 App.vue 组件中，可以添加以下样式：

<style>
body {
  font-size: 16px;
}

input[type='text'] {
  width: 200px;
  height: 30px;
}
</style>

在上面的示例中，将整体页面的字体大小设置为 16px，输入框的宽度设置为 200px，高度设置为 30px。

如果要应用于整个 Vue 应用的所有组件，可以将上述样式添加到全局的样式文件中，比如在 main.js 中引入一个全局的样式文件：

import Vue from 'vue';
import App from './App.vue';
import './styles.css';

new Vue({
  render: h => h(App),
}).$mount('#app');

在 styles.css 文件中添加上述样式即可。