设计稿按750*1624给的,要求一屏展示,但是在iphone8中,下边图片会被裁剪掉一块?

挑战
  • 588

设计稿按750*1624给的,要求一屏展示,但是在iphone8中,下边图片会被裁剪掉一块?这个怎么弄,能让它平铺适应呢?

回复
阅读 1k
2 个回答
j04tmhs8
  • 2
新手上路,请多包涵

分层,底层背景铺满,上层主要内容自适应。

写成这种把 background-size:contain改成background-size: 21.33vw 5.066vw 但是在屏幕不断变化中,可能对背景图片形成拉伸或压缩,可以通过@media query进行边界值设置。

   width: 21.33vw;
    height: 5.066vw;
    background: url(//xxx.png) no-repeat !important;
    background-size: 21.33vw 5.066vw ;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏