博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【CSS】div的背景图完整图片覆盖
阅读量:6253 次
发布时间:2019-06-22

本文共 514 字,大约阅读时间需要 1 分钟。

最初的代码:

1 .container_first {2     width: 100%;3     height: 100%;4     background: url(10176581.jpg);5     background-size: cover;6     position: relative;7 }

因为UI交给我的图片是按照iPhone6的尺寸来的,在iPhone4上面用cover的话覆盖的背景图是不完整的下面缺失

更改后的代码:

1 .container_first {2     width: 100%;3     height: 100%;4     background: url(10176581.jpg);5     background-size: 100% 100%;6     position: relative;7 }
改为 background-size: 100% 100%;后图片完整显示 虽然有些扁但相信没人用iPhone4了吧.... 当然也可以用媒体查询这里就偷懒了

转载于:https://www.cnblogs.com/lijie33402/p/4586726.html

你可能感兴趣的文章
ubuntu双网卡bonding配置(转)
查看>>
expect语法基础: while、for 循环、if 语句的用法示例
查看>>
ubuntu 9.04 的 NTFS 分区自动加载
查看>>
现代软件工程讲义 7 设计阶段 Spec
查看>>
精确控制MFC控件窗口的位置和大小(top|left|width|height)
查看>>
解读ASP.NET 5 & MVC6系列(9):日志框架
查看>>
Atitit.Gui控件and面板----数据库区-mssql 2008 权限 配置 报表查看成员
查看>>
codeforces 468B 2-sat
查看>>
php对uploads文件的处理问题的解决
查看>>
Python urllib简单使用
查看>>
C# 使用xenocode混淆加密【转】
查看>>
Java 内存溢出(java.lang.OutOfMemoryError)的常见情况和处理方式总结(转)
查看>>
VS编译链接时错误(Error Link2005)的解决方法
查看>>
Oracle SQL Developer 连接 MySQL
查看>>
PHP 输出数据库中文是问号
查看>>
SameSite Cookie,防止 CSRF 攻击
查看>>
nginx+tomcat+redis完成session共享
查看>>
Eclipse 编译java文件后出错 左树无红叉
查看>>
谷歌浏览器跨域问题,命名行解决
查看>>
MyEclipse生成WAR包并在Tomcat下部署发布(转发)
查看>>