Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery移动图像更改方向后的大小调整_Javascript_Html_Jquery Mobile - Fatal编程技术网

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

Javascript jQuery移动图像更改方向后的大小调整,javascript,html,jquery-mobile,Javascript,Html,Jquery Mobile,大家好,有个问题 我使用jqm1.4。。。我想用Image mapster制作一张地图 问题如下。。。当我的手机处于纵向模式时,一切正常。。。但当在横向模式下更改时。。。。图像的大小被调整。。。当我把它放回肖像模式时。。。它变得越来越大 你们中有人遇到过类似的问题吗?如果使用jquery调整图像大小,请尝试使用css media query调整图像大小,这是一个更快速、更稳定的过程,在css中使用如下内容: @媒体屏幕和(方向:纵向){/*CSS表示纵向*/} 及 @媒体屏幕和(方向:横向){/

大家好,有个问题

我使用jqm1.4。。。我想用Image mapster制作一张地图

问题如下。。。当我的手机处于纵向模式时,一切正常。。。但当在横向模式下更改时。。。。图像的大小被调整。。。当我把它放回肖像模式时。。。它变得越来越大


你们中有人遇到过类似的问题吗?

如果使用jquery调整图像大小,请尝试使用css media query调整图像大小,这是一个更快速、更稳定的过程,在css中使用如下内容:

@媒体屏幕和(方向:纵向){/*CSS表示纵向*/}

@媒体屏幕和(方向:横向){/*横向CSS*/}

不要忘记在链接标签上使用media=“screen”属性来放置css文件,否则它将无法工作


或者,您可以以百分比或像素(在固定宽度的情况下)为图像提供最大宽度,并将高度设置为自动,类似于
max width:80%;高度:自动以避免屏幕大小或方向改变时图像拉伸。

问题在于我使用图像映射。。。当图像调整大小时,坐标不会更新,因此它们与图像不匹配,因此无法工作。。。我用的一切。。。图像仍然不一样。。。每次调整大小时…:(以下是您可以执行的操作。在firefox中,按ctrl+shift+m,您将看到移动屏幕视图。尝试从这里更改方向。当图像调整大小时,打开firebug或浏览器的开发工具,并将您使用的地图初始值设定项如下所示:
$('#myimage')。mapster({fillColor:'ff0000',fillOpacity:0.3});
在控制台中运行。这应该调用坐标函数并相应地设置图像,如果发生这种情况,请将此代码放入jquery图像调整大小或方向函数。问题是,我不知道为什么图像大小超过屏幕限制…我使用了此功能,但仍然无法工作…我尝试在firefox中使用移动屏幕n模式…但没有成功