深夜求助，Javascript 控制IPhone显示问题，捉摸了好久，求助真正的高手！！！！

[qwesdaczx]

特别喜欢一个旋转形状的百分比视图，所以从网页上copy下来，由于原来的百分比没有背景，只有一个旋转的进度条，看着很不舒服，于是我在CSS中加了背景属性。前后分别如下


---------------------------------------------------------------------------------------------------------------
我说下我的程序的构思。

主要文件：
1.index.php
2.pm25.php
3.pm25.txt
4.显示用的css和JS
-----------------------------------------------------------------------------------------------------------------
工作过程：

一、index.php是主文件，调用了一下pm25.php和pm25.txt，pm25.php每个小时会查询PM2.5值，存在pm25.txt中，以供index.php查询。
二、pm25.php以及.pm25.txt写的简单，验证肯定没有错误！（实际上整个程序都没有后端的错误，就是显示问题）。

以上就是这个简单程序的所有内容，因为是从网页上扒出来的，CSS 还没有来得及精简，所以可能稍微有些多。但是index.php里面的html代码很少的，很清晰。


然后因为是响应式的，所以还对应的设计不同尺寸下的背景图片。在电脑上看一切正常！但是用iphone看的时候出现了很严重的问题。

背景和百分比不再重合了，开始以为是CSS问题，找了很久的CSS，后来发现百分比和背景不是CSS中设置的该屏幕下的数值对应关系，说明应该是JS控制百分比输出除了问题。于是找JS，但是JS代码比较难，我看不太懂，有点加密的样子，但是开头部分还比较清晰。所以希望能有真正的大神帮帮忙，看看IPHONE下的显示错误到底是什么引起的。

如果大家发现可以不用CSS加背景解决，快告诉我，那真是太好了！



源程序：点我

新手，希望大家给予帮助！

[qwesdaczx]

你好。感谢回复。
程序地址 http://www.mythu.cn/pm25
感觉和iphone 的视网膜屏幕有关。用chrome 在电脑上看一切正常。

[当当]

没看源代码，看你上面截图 猜测是Canvas 宽度和高度 导致图片压缩的问题。 检查图片实际大小 画布 宽度高度属性 Css 控制画布大小属性是否冲突。 另外，背景部分完全可以也用画的啊。只要用不同颜色先画个整圆不就好了。

[当当]

引用 3 楼 panda04chl 的回复:

没看源代码，看你上面截图 猜测是Canvas 宽度和高度 导致图片压缩的问题。 检查图片实际大小 画布 宽度高度属性 Css 控制画布大小属性是否冲突。 另外，背景部分完全可以也用画的啊。只要用不同颜色先画个整圆不就好了。

用你上面的地址 http://www.mythu.cn/pm25 看了下 你的这个背景图是根据你屏幕大小 自动切的。。 而你所画出来的弧是以固定大小画板宽高178画的。 此时你的背景图不到180 用的是160的图。

[qwesdaczx]

引用 4 楼 panda04chl 的回复:

[quote=引用 3 楼 panda04chl 的回复:] 没看源代码，看你上面截图 猜测是Canvas 宽度和高度 导致图片压缩的问题。 检查图片实际大小 画布 宽度高度属性 Css 控制画布大小属性是否冲突。 另外，背景部分完全可以也用画的啊。只要用不同颜色先画个整圆不就好了。

用你上面的地址 http://www.mythu.cn/pm25 看了下 你的这个背景图是根据你屏幕大小 自动切的。。 而你所画出来的弧是以固定大小画板宽高178画的。 此时你的背景图不到180 用的是160的图。 [/quote] 是的，canvas是用js生成的，在处理视网膜屏的时候，好像是设置了不能低于178，或者限制在了178.这地方的代码是哪段我也找不到啊，js好像是加密过得。 此外，我最开始的想法是用一个100%比例的其他颜色的设置不同的z-index来实现。但是这个东西的位置要怎么设置才能让二者重合呢？要用js读取上层的位置，然后设置下层的位置？？还是怎么做呢？ 您能看下源码吗？因为好像是加密的了，所以我也不知道，他们这些个JS都是做什么的。这个加密能否逆向解密呢？？ 另外： 现在问题稍微解决了一下，我用内联的格式来设置了canvas的大小，优先级最高，强制将canvas和背景一样大。但是这样是治标不治本，不过对于使用足够了。如果有其他人喜欢这套源码，可以拿去用，解决方法就是将CSS响应的代码写成内联式。

[弘毅致远]

直接贴你网页地址，自适应问题和你是不是iphone没有关系，可以用chrome模拟器，模拟调试。