html中的banner自适应屏幕代码
2016-07-30 15:44
302 查看
<html> <head> <title>Title</title> <style> .bannerbox { width:100%; position:relative; overflow:hidden; height:200px; } .banner { width:3000px; /*图片宽度*/ position:absolute; left:50%; margin-left:-1500px; /*图片宽度的一半*/ } </style> </head> <body> <div class="bannerbox"> <div class="banner"> <img src="t1.jpg"> </div> </div> </body> </html>
相关文章推荐
- html中的banner自适应屏幕代码
- AS3全屏+自适应屏幕+网页全屏代码
- html css div自适应屏幕宽度,高度
- 一种html小屏幕自适应排版方法及排版服务器
- html图片自适应手机屏幕大小的css写法
- android 代码设置图片自适应屏幕
- 经典的javascript代码[自适应框架和html参数传递]
- iOS 中根据屏幕宽度自适应分布按钮的实例代码
- 关于HTML,css3自适应屏幕,自适应宽度
- html手机自适应代码
- Unity3d UGUI 自适应屏幕 代码修改Left,Top,Right,Bottom属性值
- html5 屏幕自适应代码
- html图片自适应屏幕大小(手机)
- 手机端Html自适应屏幕大小
- 关于HTML,css3自适应屏幕,自适应宽度
- html css div自适应屏幕宽度,高度
- AS3全屏+自适应屏幕+网页全屏代码
- ios navigationcontroller 滑动返回与webview加载html图片自适应屏幕宽度
- html中图片自适应浏览器和屏幕,宽度高度自适应
- iOS label显示HTML(富文本)代码 (解析)并实现高度自适应