博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
元素全屏居中(不变形)
阅读量:6257 次
发布时间:2019-06-22

本文共 621 字,大约阅读时间需要 2 分钟。

窗口宽度大于高度,元素高度撑满窗口,宽度等比例缩放

窗口高度大于宽度,元素宽度撑满窗口,高度等比例缩放

resize有3个参数:

elem : 目标元素

w : 元素宽度
h : 元素高度

var resize = function(elem,w,h){    var dw = w,        dh = h,        cw = $(window).width(),        ch = $(window).height();    var bw = cw > dw ? cw / dw : 1 / (dw / cw),        bh = ch > dh ? ch / dh : 1 / (dh / ch);    var w = Math.min(dw*bh,cw),        h = Math.min(dh*bw,ch);    elem.css({
        'width':w,         'height':h,         'top':ch*0.5 - h*0.5,         'left':cw*0.5 - w*0.5,         'position':'absolute'     });};//调用resize($('.main'),1008,640);

 

转载于:https://www.cnblogs.com/gongshunkai/p/5908096.html

你可能感兴趣的文章
如何把Json格式字符写进text文件中
查看>>
Linux: xclip,pbcopy,xsel用法 terminal 复制粘帖 (mac , ubuntu)
查看>>
[SVN(Ubuntu)] SVN 查看历史详细信息
查看>>
技术出身能做好管理吗?——能!
查看>>
抽象工厂模式
查看>>
如何折叠一段代码使整个代码看起来简洁
查看>>
Quartz2D绘制路径
查看>>
Java知多少(30)多态和动态绑定
查看>>
JDBC操作数据库
查看>>
Android中RelativeLayout的字符水平(垂直居中)对齐
查看>>
--@angularJS--独立作用域scope绑定策略之&符策略
查看>>
乾坤合一~Linux设备驱动之USB主机和设备驱动
查看>>
Python IDLE快捷键【转载合集】
查看>>
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound
查看>>
[C++] string与int, float, double相互转换
查看>>
ubuntu14.04安装chrome
查看>>
oracle中查询含字母的数据[正则表达式]
查看>>
1002. 写这个号码 (20)(数学啊 ZJU_PAT)
查看>>
【LeetCode】224. Basic Calculator
查看>>
Keil V4.72升级到V5.1X之后
查看>>