更改方向后调整jQuery移动图像大小

时间:2014-01-28 10:35:00

标签: javascript html5 jquery-mobile

大家好,一个问题......

我使用JQM 1.4 ...我想用图像映射器制作地图http://www.outsharked.com/ImageMapster/

问题是以下...当我在手机处于纵向模式时一切正常...但是在横向模式下更改....图像调整大小...当我把它放回到肖像模式...它变得更大......

你有没有人有任何类似的问题吗?

1 个答案:

答案 0 :(得分:0)

如果您使用jquery调整图像大小,请尝试使用css媒体查询调整其大小,这是更快更稳定的过程,在CSS中使用类似的东西:

@media screen and (orientation:portrait) { /*CSS for portrait*/ }

@media screen and (orientation:landscape) { /*CSS for landscape*/ }

不要忘记在放置css文件的链接标记上使用media =“screen”属性,否则它将不起作用。

或者,您可以以百分比或像素(如果是固定宽度)和高度设​​置为自动为图像提供最大宽度,类似于此max-width:80%; height:auto;,以避免在屏幕调整大小或方向更改时图像拉伸。