相关疑难解决方法(0)

我想创建一个div可以随着窗口宽度的变化而改变宽度/高度的东西.

是否有任何CSS3规则允许高度根据宽度改变,同时保持其宽高比？

我知道我可以通过JavaScript实现这一点,但我更喜欢只使用CSS.

当我给图像一个百分比的宽度或高度时,它只会增长/缩小保持其纵横比,但如果我想要与另一个元素相同的效果,是否可以使用百分比将宽度和高度联系在一起？

我们有一个使用“地图”和“区域”标签的网站。它是通过将Excel电子表格保存为“ htm”格式生成的，并且大多数在iPhone的Safari中查看。这些标签使用户可以单击一页的一部分并将其带到另一页。

最近，似乎发生了更改/更新，如果触摸了可点击区域，则会导致Safari缩放。

代码示例：

<map name="MicrosoftOfficeMap3">
  <area shape="Rect" coords="0, 0, 150, 117" href="sheet004.htm#Range!A1">
</map>

如果您快速触摸该区域，它将跟随该链接。但是，如果手指停留在该区域上几毫秒，则会导致页面缩放笨拙。

有没有人遇到过这种情况，您是否找到禁用缩放的方法？我已经使用CSS中的视口和“ body”缩放设置尝试了很多东西。

这是显示该行为的视频的链接：https : //www.csmckee.com/dashboard_internal/Video.mov

如果您使用的是iOS 13，则可以在此示例中看到行为-触摸青蛙图像上的蓝色方块：https : //www.csmckee.com/dashboard_internal/frog.htm