在我正在开发的网络应用程序,我希望用户能够收缩放大和缩小一个高分辨率的图像。客户希望它能在iPads上工作,但如果它是多平台的话就更好了。
我的计划是创建1000px x 1000px的图像,并使用CSS在页面上以100px x 100px (例如)显示它。然后,用户将能够放大和缩小图像,以更详细地查看它。
我注意到,当放大图像时,大小会增加,但细节不会增加,因为Safari似乎会在呈现页面时调整图像的大小。我能做些什么来解决这个问题吗?
在Chrome浏览器中放大和缩小我的页面时,背景会扭曲,页面看起来像这样的。在不扭曲背景图形的情况下,可以在代码中更改哪些内容来修复Chrome浏览器中的缩放问题?
这是我的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Page Under Construction</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;