Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/37.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
Iphone iOS/Safari Web应用程序图像缩放_Iphone_Image_Ipad_Web Applications_Zooming - Fatal编程技术网

Iphone iOS/Safari Web应用程序图像缩放

Iphone iOS/Safari Web应用程序图像缩放,iphone,image,ipad,web-applications,zooming,Iphone,Image,Ipad,Web Applications,Zooming,在我正在开发的web应用程序中,我希望用户能够对高分辨率图像进行缩放。客户希望这能在iPad上运行,但最好是多平台 我的计划是以1000px x 1000px的速度创建图像,并使用CSS以100px x 100px(例如)的速度显示在页面上。用户将能够放大和缩小图像,以查看更详细的信息 我注意到,当放大图像时,大小会增加,但细节不会增加,因为Safari在渲染页面时会调整图像的大小。我能做些什么来解决这个问题吗?您可以尝试添加以下代码 您可以尝试添加以下代码 谢谢,这似乎比我找到的任何其他解决方

在我正在开发的web应用程序中,我希望用户能够对高分辨率图像进行缩放。客户希望这能在iPad上运行,但最好是多平台

我的计划是以1000px x 1000px的速度创建图像,并使用CSS以100px x 100px(例如)的速度显示在页面上。用户将能够放大和缩小图像,以查看更详细的信息


我注意到,当放大图像时,大小会增加,但细节不会增加,因为Safari在渲染页面时会调整图像的大小。我能做些什么来解决这个问题吗?

您可以尝试添加以下代码


您可以尝试添加以下代码


谢谢,这似乎比我找到的任何其他解决方案都有效。我还尝试使用CSS zoom属性,它的工作原理与此类似,只是为了让感兴趣的人知道。如果我不希望页面上除了图像以外的任何内容进行缩放,该怎么办?就像我的web应用程序控件一样,这些控件不应该改变大小。谢谢,这似乎比我找到的任何其他解决方案都更有效。我还尝试使用CSS zoom属性,它的工作原理与此类似,只是为了让感兴趣的人知道。如果我不希望页面上除了图像以外的任何内容进行缩放,该怎么办?就像我的web应用程序控件一样,这些控件不应该改变大小。