css background设置的背景图部分会旋转90°展示的解决办法

html-css025

css background设置的背景图部分会旋转90°展示的解决办法,第1张

最近在做移动端开发的时候，有时候会遇到设置的背景图被莫名其妙的旋转了90°，这是为什么呢？

原因是这个图片携带了exif信息，去掉这个信息就可以了，图片也就恢复正常显示了，在src的路径后面加上参数imageMogr2/auto-orient即可；例如：<img src="123.png?imageMogr2/auto-orient"/> 

1、在html编辑器软件内，新建html页面，（一般我们常使用的两款编辑器是HBuilder和Adobe Dreamweaver，这里我使用的软件是HBuilder）。

2、在<body></body>添加<div  class="nav"></div>,于<div  class="nav"></div>中间添加<ul></ul>,在<ul>内添加<li>标签，<li>内同时添加<a>标签，方便连接导航跳转。

3、在新建的<a></a>内，添加横向导航要显示的内容。

4、在<title></title>下方添加一个<style type="text/css"></style>。

5、源文件html保存后，使用浏览器打开预览效果。