首页 > 其他分享 >关于图片在iPhone XR上的变形问题-- flex ,block

关于图片在iPhone XR上的变形问题-- flex ,block

时间:2022-09-23 14:11:34浏览次数:53  
标签:flex -- iPhone XR block 图片

在图片竖排的时候,会默认出现一条间隙。这个好像之前也有发布类似的文章。因为我的结构大概是

<div><img/></div>

<div><img/></div>

这样子。

所以,我的结局方法是在div上加上display:flex,这样就没有了空隙。我看着也没有什么问题。但是,后来发现,在iPhone xr这个型号的手机上,图片高度拉伸,显示不正常。

后来检查后,将上面添加的去掉。直接在img上加上display:block的属性。就解决了。话说,当时我没什么没有用这个呢。不记得了,可能当时脑袋短路了,不记得这个方法了吧。

 

标签:flex,--,iPhone,XR,block,图片
From: https://www.cnblogs.com/whiteshu/p/16722523.html

相关文章

  • Java Array、String、List的切片操作
    Array数组int[]test_int=newint[]{1,2,3,4,5};test_int=Arrays.copyOfRange(test_int,1,4);System.out.println(Arrays.toString(test_int));......
  • async 的三大返回类型
    [C#]async的三大返回类型 async 的三大返回类型序博主简单数了下自己发布过的异步文章,已经断断续续8篇了,这次我想以async的返回类型为例,单独谈谈。......
  • 分支(单、双、多、嵌套)
    单分支if双分支if-else多分支if-elseif-elseif.....-else/不填嵌套分支if内又包含if单/双/多/嵌套分支(套娃)注意嵌套分支要整体考虑,并且建议嵌套分支不超过三层(降......
  • 力扣_剑指Offer_个人解题资料
    day01剑指Offer09.用两个栈实现队列:题目描述:用两个栈实现一个队列。队列的声明如下,请实现它的两个函数appendTail和deleteHead,分别完成在队列尾部插入整数和在队列......
  • 理解 virt、res、shr 之间的关系(linux 系统篇)
    理解virt、res、shr之间的关系(linux系统篇)前言想必在linux上写过程序的同学都有分析进程占用多少内存的经历,或者被问到这样的问题——你的程序在运行时占用了多少......
  • JavaScript 对象
    1.创建对象对象以键值对的方式进行存储,是一组无序的相关属性和函数方法的集合,可以通过键(属性名)访问这些值。在JavaScript中所有东西都是对象。字面量创建varobj=......
  • gitlab部署
    目录gitlab部署gitlab管理gitlab部署//关闭防火墙和selinux[root@localhost~]#systemctldisable--nowfirewalld.serviceRemoved/etc/systemd/system/multi-use......
  • 拖拽排序
    <!doctypehtml><html><head><metacharset="UTF-8"><title>拖拽排序</title><style>ul{list-style:none;margi......
  • 谷歌学术助手
    https://codeload.github.com/Kenguba/google-access-helper/zip/refs/heads/master在以上网址下载对应的浏览器插件,然后按照说明安装浏览器拓展。最后注册账号即可使用......
  • MongoDB用户权限管理
    管理用户创建及使用利用createUser函数创建用户:db.createUser({ user:"username", pwd:"password", roles:[ { role:"authorityName", db:"admin" } ......