mobile 像素布局 纵向全屏

来源:互联网 发布:mac app store打不开 编辑:程序博客网 时间:2024/05/21 12:45

http://stackoverflow.com/questions/15438295/how-to-zoom-in-out-depending-on-browser-height-using-css-zoom-property


function zoomSquare() {    var $square = $('.square');    var viewportHeight = $(window).height();    var squareHeight = $square.height();    var desiredHeight = Math.round(viewportHeight * 0.95);    var zoom = (desiredHeight / squareHeight);    $square.css('zoom', zoom);    $square.css('-moz-transform', 'scale(' + zoom + ')');    $square.css(  '-o-transform', 'scale(' + zoom + ')');}// When the browser is resized$(window).on('resize', function(){ zoomSquare(); });// When the page first loads$(document).ready(function(){    zoomSquare();});


0 0
原创粉丝点击