第一:修改整体框架body属性width属性。随着浏览器窗口变化而变化的属性一般都设置为:width="100%"。这里需要将100%修改为你想要的大小。例如一些网页大小为1200px,那么就修改为:width="1200px"。这样就不会随着浏览器的变化而变化。
第二:某一个区域设置不随着浏览器窗口大小变化而变化。点击网页右键,找到该属性代码,width=“100%”修改为你想要的大小。这里需要注意的是:如果修改底层的CSS的width属性,容易导致不兼容,所以在修改底层的时候,其他上级CSS都要进行修改!
mintUI:基于vue框架,这个组件可以帮助到你
使用教程:
1.找官网
2.安装 npm install mint-ui -S -S表示 --save
3.引入mint Ui的css 和 插件
import Mint from 'mint-ui'
Vue.use(Mint)
import 'mint-ui/lib/style.css'
4.看文档直接使用。
在mintUi组件上面执行事件的写法@click.native
<mt-button @click.native="sheetVisible = true" size="large">点击上拉 action sheet</mt-button>