火狐查看html页面大小,无障碍翻阅：页面缩放兼容性处理（zoom,Firefox火狐浏览器）...

页面缩放兼容性处理(zoom,Firefox火狐浏览器)

}p{text-indent:2em;line-height:25px;

}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;

}

页面放大

页面缩小

前端对于网站来说，通常是指，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。

$(function() {//初始化默认缩放级别

varzoomNum= 1;var$body=$('body');//页面放大函数

functionPageBig() {

zoomNum+= 0.1;//兼容firefox浏览器代码

//需要transform-origin:center top设置，否则页面顶部看不到了

$body.css({'-moz-transform':'scale(' +zoomNum+ ')','transform-origin':'center top'});

$body.css('zoom', zoomNum)

}//页面缩小函数

functionPageSmall() {

zoomNum-= 0.1;//兼容firefox浏览器代码

//需要transform-origin:center top设置，否则页面顶部看不到了

$body.css({'-moz-transform':'scale(' +zoomNum+ ')','transform-origin':'center top'});

$body.css('zoom', zoomNum);

}

$('#pageBig').click(function() {

PageBig();

});

$('#pageSmall').click(function() {

PageSmall();

});

})