当前位置: 首页 > news >正文

大图片根据分辨率自适应宽度


问题:一个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>


相关文章:

  • 2009年全球互联网预言---商业周刊
  • 序列划分-使其最大值最小化
  • 自定义异常类的使用...
  • 使用欧几里得定理求最大公约数和最小公倍数
  • 移动设备管理(MDM)与OMA(OTA)DM协议向导(二)——WAP协议(2)
  • 斐波那契数列算法的快速版本
  • 3月OpenParty春晴活动纪实——“如何成为一个高效的程序员”
  • 使用stein 算法计算 最大公约数和最小公倍数
  • 算法练习--多项式加法
  • 高性价比才是王道 三大流行趋势机巅峰对垒
  • mvc 中Range中max和min值晚绑定
  • 网上购物,哪家平台更贴心?——三大网购平台大比拼
  • mvc中使用remote属性来做ajax验证
  • 跨过硬盘瓶颈 体验极速运算——在内存里装系统
  • javascript 获取选中text
  • 11111111
  • CSS实用技巧干货
  • Intervention/image 图片处理扩展包的安装和使用
  • JS题目及答案整理
  • node和express搭建代理服务器(源码)
  • PHP 小技巧
  • Redis的resp协议
  • Redis提升并发能力 | 从0开始构建SpringCloud微服务(2)
  • text-decoration与color属性
  • vue的全局变量和全局拦截请求器
  • webpack+react项目初体验——记录我的webpack环境配置
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 计算机在识别图像时“看到”了什么?
  • 浏览器缓存机制分析
  • 实战:基于Spring Boot快速开发RESTful风格API接口
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 与 ConTeXt MkIV 官方文档的接驳
  • Nginx惊现漏洞 百万网站面临“拖库”风险
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • $.ajax()参数及用法
  • (C语言)输入一个序列,判断是否为奇偶交叉数
  • (二)Eureka服务搭建,服务注册,服务发现
  • (二)fiber的基本认识
  • (附源码)spring boot基于Java的电影院售票与管理系统毕业设计 011449
  • **PHP二维数组遍历时同时赋值
  • .NET C# 使用 SetWindowsHookEx 监听鼠标或键盘消息以及此方法的坑
  • .NET CORE Aws S3 使用
  • .NET 应用启用与禁用自动生成绑定重定向 (bindingRedirect),解决不同版本 dll 的依赖问题
  • .NET 中让 Task 支持带超时的异步等待
  • .NET6实现破解Modbus poll点表配置文件
  • .Net调用Java编写的WebServices返回值为Null的解决方法(SoapUI工具测试有返回值)
  • ?
  • @Autowired自动装配
  • @ConfigurationProperties注解对数据的自动封装
  • @font-face 用字体画图标
  • @JoinTable会自动删除关联表的数据
  • @ModelAttribute注解使用
  • @test注解_Spring 自定义注解你了解过吗?
  • [ 隧道技术 ] 反弹shell的集中常见方式(二)bash反弹shell
  • [2016.7.test1] T2 偷天换日 [codevs 1163 访问艺术馆(类似)]