0

我正在为一个朋友建立一个网站,除了更多内容外,它即将完成,但现在他告诉我它在他的 iPhone 上看起来不正确。我已经在笔记本电脑上的 Safari、Opera、IE、Chrome 和 Firefox 以及我的 Android 手机和基于网络的 iphone 模拟器上检查过它,一切看起来都很好。我让他检查别人的 iphone,其中一个问题出现了,但另一个问题仍然存在。我的网站非常基本,只有 html 和 css,但我是第一个承认,因为我是新手,所以我的代码可能会更好。

第一个问题是,在标题上方,他的 iphone 显示有最好的描述为 5 块沿顶部均匀分布的红砖。这不会显示在他的队友 iphone 上。

第二个问题是在“产品”页面上,图片下方的右栏文字排列不正确,他的朋友iphone就是这种情况。我不知道该怎么做,因为如果我改变我用来排列东西的填充,它在其他所有浏览器/设备上都不会正确。

我不确定我最好在这里发布什么,该网站的整个代码似乎太多了,但是任何需要帮助回答的东西都让我知道。产品页面的网址是http://www.doortodoordrinksyork.com/products.html

就像我说我是新手,所以请保持简单的答案。

提前致谢。

大卫。

PS 希望任何有 iphone 的人告诉我网站如何在上面显示。

4

1 回答 1

0

如果您使用 Mac,您可以使用XCode附带的 iOS Simulator 工具在虚拟 iPhone/iPod 中测试您的网站。您甚至可以比较不同版本的内置浏览器,我认为这是导致您伴侣设备之间差异的原因。

通常,精心构建的网站无需修改即可在移动设备上“工作”,但您可能需要研究媒体查询,这是一项 CSS 功能,可让您使用不同的规则定位特定的屏幕尺寸。

于 2012-04-14T09:46:15.040 回答