为什么我的网页图像在我的 HTML 中横向显示,但在全屏时正确?

Eth*_*len 3 html iphone image

如果你看这个页面,你会看到右边的两张图片是横向的:

http://www.disneypinplace.com/beta/pin.php?id=PD78685

但是当你点击它们时,它们会在全屏视图中正确地垂直显示。我在我的 HTML img 代码中看不到任何可能导致这种情况的错误。

谁能告诉我为什么会这样?顺便说一下,这些照片是用 iPhone 5 拍摄的。

Pip*_*pin 5

这是 iPhone 如何导出图像的一个特殊问题。对于类似情况,请查看此链接

计算机/浏览器和 iPhone 软件对相机元数据(有关图像的详细信息,包括纵向/横向)的解释不同,从而导致渲染差异。

我能够在 Pixelmator/Photoshop 中下载最右侧的图像并将其再次保存为 jpg,确保它是肖像。这使得浏览器正确渲染图像并且不会将其旋转 90 度。

  • 顺便说一句,我刚刚发现您也可以在预览中打开图像(如果您使用的是 Mac)并点击保存... (2认同)