html图片被手机输入栏顶上去了。怎么办？

我在html代码里插入了一个图片，但是用手机访问的时候，点击输入，图片被手机自带的输入把图片压缩变形了。上百度度找了半天，终于找到解决方法。

CSS不要使用百分比，而要使用一个固定值。

img {
		height:1500px;
		width:2700px;
}

然后图片就不再被输入栏压缩了。