首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何制作一个即使在iPhone Safari中也能正常工作的全响应式背景图像?

如何制作一个即使在iPhone Safari中也能正常工作的全响应式背景图像?
EN

Stack Overflow用户
提问于 2015-09-04 23:17:57
回答 1查看 50关注 0票数 2

我尝试了不同的方法,大多数人建议使用img而不是background-image来获得完美的结果,但我想知道是否可以通过一些技巧来修复这个问题,并有一个全宽的背景图像?

Here's my live website that I have problem with

EN

回答 1

Stack Overflow用户

发布于 2015-09-05 02:38:02

由于您不需要img来垂直填充页面,并且我认为您希望整个图像适合水平方向,这就是我所做的。

代码语言:javascript
复制
body { 
  background: url(http://lorempixel.com/400/200/sports/) no-repeat center center fixed; 
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

请参阅fiddle http://jsfiddle.net/DIRTY_SMITH/x131ofex/3/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32401453

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档