bui.viewport Class
默认引入BUI.js就会初始化整个视图缩放. 用于修改页面缩放比例,默认字体大小100px,手机端的字体大小大概在76px; 整个缩放是基于540视图处理.
Constructor
bui.viewport
-
opt
Parameters:
-
optBoolean | Number | Object[ true（脚本计算，默认由样式处理，但如果某些新机型无法适配，可以使用
bui.viewport(true)） | 固定数字 | { width: "device-width", initScale: 1, // 初始比例 maxScale: 1, // 最大缩放比例 minScale: 1, // 最小缩放比例 fit: "cover", // cover ｜ auto | contain scalable: "no", // yes size: 50, // 固定大小
create: false // true 则会修改 meta[name=viewport] 的content,false则默认不改 } ]
Example:
bui.ready(function(){
//1. 强制根据不同屏幕动态计算适合的比例
window.viewport = bui.viewport(true);
//2. 强制页面固定比例显示
window.viewport = bui.viewport(50);
//3. 允许缩放
window.viewport = bui.viewport({
maxScale: 2,
scalable: "yes",
create: true
});
})
Item Index
Methods
Methods
height
()
获取视口的高度
Example:
bui.ready(function(){
var height = window.viewport.height();
})
ratio
()
获取高清屏的dpi
Example:
bui.ready(function(){
var ratio = window.viewport.ratio();
})
screenHeight
()
获取的屏幕高度分辨率
Example:
bui.ready(function(){
var height = window.viewport.screenHeight();
})
screenWidth
()
获取的屏幕宽度分辨率
Example:
bui.ready(function(){
var width = window.viewport.screenWidth();
})
width
()
获取视口的宽度
Example:
bui.ready(function(){
var width = window.viewport.width();
})