禁止缩放
缩放:在开发者工具中使用 shift+鼠标能进行网页的缩放
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<!--
禁止缩放
-->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0,miximum-scale=1.0,user-scalable=no">
<title>Vue-trip</title>
</head>
px转vw
- 安装插件
npm install postcss-px-to-viewport --save-dev
- postcss.config.js 配置文件
// postcss.config.js
module.exports = {
plugins: {
'postcss-px-to-viewport': {
viewportWidth: 375,
},
},
};