怎样用js实现禁止拖动框架而改变frame的大小

JavaScript020

怎样用js实现禁止拖动框架而改变frame的大小,第1张

一般框架随着浏览器窗口变化而变化是因为width属性设置的问题!可以通过以下几种方法进行修改!

第一:修改整体框架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>