我正在为一位朋友建立一个网站，除了更多的内容之外，它已经完成了，但现在他告诉我它的iphone看起来不对。我已经在笔记本电脑上的Safari，Opera，IE，Chrome和Firefox上以及我的Android手机和基于网络的iphone仿真器上查看了它，一切看起来都很好。我让他检查别人的iphone，其中一个问题仍然存在，但另一个仍然存在。我的网站非常基本，仅限html和css，但我是第一个承认，因为我是新手，我的代码可能会更好。
第一个问题是，在标题上方，他的iphone显示有最好的描述为沿顶部均匀分布的5个红砖。这并没有显示在他的队友iphone上。
第二个问题是，在“产品”页面上，图片下方的右列文字没有正确排列，这就是他的配偶iphone的情况。我不知道该怎么做，因为如果我改变填充，我习惯于排序，它将不适合所有其他浏览器/设备。
我不确定我最好在这里发布什么，该网站的整个代码似乎太多了，但是只需要帮助回答就让我知道。产品页面的网站地址为http://www.doortodoordrinksyork.com/products.html
就像我说我是新手，所以请保持简单的答案。
提前致谢。
大卫。
PS非常感谢有iphone的人告诉我该网站是如何显示的。
答案 0 :(得分：0)
如果您使用的是Mac，则可以使用XCode附带的iOS模拟器工具在虚拟iPhone / iPod中测试您的网站。您甚至可以比较内置浏览器的不同版本，我认为这会导致您的配偶设备之间产生差异。
一般来说，精心打造的网站无需修改即可在移动设备上“正常运行”，但您可能需要查看media queries，这是一项CSS功能，可让您根据不同的规则定位特定的屏幕尺寸。