首页 > 代码库 > 大图片依据分辨率自适应宽度
大图片依据分辨率自适应宽度
问题:一个1920*900的大图,在1024*768的分辨率仅仅能显示一部分。希望仍居中显示
解决方式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>
大图片依据分辨率自适应宽度
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。