大图片根据分辨率自适应宽度仍居中显示
2014-10-29 16:18
531 查看
问题:一个1920*900的大图,在1024*768的分辨率只能显示一部分,希望仍居中显示
解决方案CSS:
示例code:
解决方案CSS:
width: 100%; background-position: 50% 50%;
示例code:
<style> body { background-repeat: no-repeat; width: 100%; background-position-x: 50%; background-position-y: 118px; background-image:url(@Url.Image("/XXX/XX.jpg")); } .book { margin: 0 auto; width: 960px; height: 700px; position: relative; } </style>
<div class="book"></div>
相关文章推荐
- css 图片内容在不同分辨率下居中显示(演示的图片宽度是1920px,当图片宽度大于显示屏的宽度时)
- 大图片根据分辨率自适应宽度
- 大图片根据分辨率自适应宽度
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- JS&RE 控制图片显示大小, 弹出窗口自适应大小,自居中, 结合UBB与正则使用 By Stabx
- Webview让加载进来的页面自适应手机屏幕分辨率居中显示
- login控件 登陆图片居右显示 登陆窗口不管分辨率,窗口如何变化,一直居中显示
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 用CSS3的@media属性根据屏幕大小做自适应各种分辨率网页显示版本-media_query详解
- 网站图片列表动态显示、根据屏幕宽度动态设置DIV的CSS样式
- 用css样式定义圆角背景图片按钮根据文字自适应宽度的方法
- 如何用CSS使图片自适应显示宽度
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- Web页面根据不同的分辨率显示不同的图片
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- ImageView设置图片按比例自适应缩放,9.png根据屏幕分辨率放到不同的drawable文件夹中
- css 图片自适应宽度 CSS实现控制图片自适应显示宽度代码
- CSS样式中,background-image 背景图片居中显示并且在不同屏幕分辨率下始终居中
- css判断不同分辨率显示不同宽度布局实现自适应宽度