相同手机型号和浏览器显示的HTML页面不一样，是什么原因引起的？

[qq85168163]

异常显示


正常显示

HTML固定为640px
<meta name="viewport" content="target-densitydpi=device-dpi,width=640,user-scalable=no">

在线预览：http://115.28.86.63:8881/other_info.html

试了很多人的手机都是显示正常，唯独一部手机（iphone）显示不正常，，，， 但... 偏偏那个是领导
有谁知道大概什么原因引起的？先谢过

[当作看不见]

苹果手机的dpi比一般手机更高.相同宽度拥有的dpi不同,所以直接GG

[天际的海浪]

升级浏览器版本

[qq85168163]

引用 1 楼 qq_29594393 的回复:

苹果手机的dpi比一般手机更高.相同宽度拥有的dpi不同,所以直接GG

可是在别的同型号的苹果手机没有问题呢。。。 这个就无语了

[qq85168163]

引用 2 楼 jslang 的回复:

升级浏览器版本

应该不关这个事，因为试了苹果自带的浏览器、谷歌浏览器、微信浏览器都是相同的问题

[qq2013]

[You冷]

所以喽。应该是手机兼容性的问题

[一本正经的猪]

把那个width=640变成width=device-width

[qq85168163]

引用 6 楼 zzzzzxping 的回复:

把那个width=640变成width=device-width

改成这个不行，别的手机都不正常。。 现在我觉得不是代码问题，可能是手机哪里设置的问题。 因为[color=#FF0000]同型号的手机[/color]别的都正常，就唯独有一部手机不正常

[qq85168163]

引用 8 楼 ShuaiWenZhang 的回复:

所以喽。应该是手机兼容性的问题

咯。。。 但是要找出问题，总不能让领导换手机吧

[喽嗨哩]

你干嘛偏偏要执着于老板的手机，没准就是他手机有问题呢，如果是他手机有问题，那又没办法。

[GustavoLi]

你可以试试给内容加一个属性，超出强制换行， 1 word-break: break-all; 只对英文起作用，以字母作为换行依据。 2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。 3 white-space: pre-wrap; 只对中文起作用，强制换行。 并且给内容加一个宽度，100%