gpt4 book ai didi

以百分比设置的 HTML/CSS 图像尺寸在 Safari 中无法正确显示

转载 作者:技术小花猫 更新时间:2023-10-29 12:11:41 25 4
gpt4 key购买 nike

我正在开发一个适合移动设备的网站,我对目前的图像属性问题感到有些困惑。

我将其尺寸设置为百分比。它在 IE7+、Firefox 和 Chrome 上显示良好,但在 Safari 上显示不佳。它会严重扭曲图像!

我是否需要使用 JavaScript 才能正确显示图像?

提前致谢...

最佳答案

有问题的代码:

<img src="images/uftMap.jpg" border="0" width="95%" height="95%" alt="Universal Fitness &amp; Training on Google maps" name="Universal Fitness &amp; Training on Google maps">

移除高度属性,浏览器将按比例缩放。

不过,将百分比放在高度和宽度属性中并不是严格意义上的协调。来自HTML5 spec

height = non-negative integer: The height of the image, in CSS pixels.

width = non-negative integer: The width of the image, in CSS pixels.

如果您打算对此内联样式设置样式而不是使用样式表,则最好使用样式属性:

<img src="images/uftMap.jpg" border="0" style="max-width: 95%" alt="Universal Fitness &amp; Training on Google maps" name="Universal Fitness &amp; Training on Google maps">

关于以百分比设置的 HTML/CSS 图像尺寸在 Safari 中无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9594553/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com