HTML自动旋转渲染图像

时间:2015-07-07 16:42:54

标签: html image rotation

有人可以帮助我吗?我有一个PHP脚本上传图像并调整大小,然后是一个显示图像的HTML页面。但是,出于某种原因,HTML正在呈现图像的旋转版本,虽然我不能为我的生活看到原因。

<div style="height:75px;width: 116px; background: url(http://viralsmods.com/pokeroulette/content/images/7.jpg);"></div>

运行上面的代码片段以查看它的实际效果。它链接到的图像位于:http://viralsmods.com/pokeroulette/content/images/7.jpg

有关为什么会这样的任何想法?

1 个答案:

答案 0 :(得分:1)

问题与EXIF(可交换图像文件格式)和Web浏览器

有关

基本上,EXIF是保存文件信息的标准,例如图像应该旋转的方式。使用不使用EXIF的(较旧)设备拍摄的照片可能无法在您的网络浏览器中正确显示。

解决方案是将此文件带入photoshop,根据需要旋转,保存,然后重新上传您的网站。