背景自适应代码
来源:互联网 发布:oracle数据库打不开 编辑:程序博客网 时间:2024/05/17 22:57
在js文件中写入:
function resizeBg(winHeight){
if(winHeight>712){
var diffHeight=winHeight-652;
$(".AboutBg").attr("style","padding-bottom:"+diffHeight+"px");
}
}
在html页面中写入:
<script type="text/javascript">
resizeBg($(window).height());
$(window).resize(function(){
resizeBg($(window).height());
});
</script>
页面环境:content中的内容距离底部footer的距离是60px,即padding-boottom:60px,由于实际环境中个屏幕高度不同,footer需要固定在底部不动,那content中内容的padding-bottom需要是一个变量,随着屏幕高度的变大而变大,计算方式如上,712是开发者页面的实际总高度,随着分辨率增大,padding-bottom的值为:实际屏幕高度-开发者屏幕高度+60(预先设定的padding值)
1 0
- 背景自适应代码
- Android自适应draw9patch背景
- 游戏背景自适应屏幕分辨率
- CSS 背景 图片自适应
- iframe 自适应高度及背景
- ViewGroup的背景自适应问题
- 背景自适应,全浏览器兼容
- UGUI 字体背景尺寸自适应
- style filter 实现背景自适应大小
- FIREFOX下背景层的自适应高度
- Android中自适应draw9patch不失真背景
- android自适应draw9patch不失真背景
- App自适应draw9patch不失真背景
- App自适应draw9patch不失真背景
- App自适应draw9patch不失真背景
- App自适应draw9patch不失真背景
- App自适应draw9patch不失真背景
- App自适应draw9patch不失真背景
- RedisTemplate的使用说明(序列化以及事物)
- document的createDocumentFragment()方法
- [SIM]MT6572打开3G switch功能,卡槽2不识别SIM卡
- webUploader使用方法
- 文章标题
- 背景自适应代码
- 《R语言统计入门》学习笔记<一>
- 八、函数对象
- div 隐藏和显示方式
- 转:PTSAC
- Cocos2d-x常见面试题
- dlopen “no suitable image found ”问题之解决
- 使用Gulp与BrowserSync做页面刷新
- Android去掉标题栏后报错