html - 移动设备上出现白圈问题

Question

我有一张图片，当您单击图片时，会打开引导模型。（灯箱）

到目前为止没有问题。但是在手机版中，图片周围出现了问题。

问题源于宽度和高度。自动调整高度和宽度，但不点击图片。

.testing {
  width:150px;height:150px;position:fixed;z-index:123123;right:3px;bottom:0;}

问题通过这种方式解决，但它没有点击。

.testing {
width:auto;height:auto;position:fixed;z-index:123123;right:3px;bottom:0;}

手机上出现的问题白圈就是这张图。

标签： htmlcss

Answer 1

如果是导致问题的大小调整，您可能想要更改您的widthtomin-width和heightto min-height（例如min-width: 300px;）。所以你可以设置它不低于图像功能仍然可以工作的大小。