我使用 html5 样板将这个网站更改为 html5。 在桌面甚至 iPad 上查看时,一切看起来都很好,但是当我在 iPhone 上查看它时,它只会放大显示我的 .wrapperdiv 的内容。 我试过删除 正如许多人所建议的那样。 我还尝试添加最大比例-1.0、初始比例=1.0和最小比例=1.0,但这些或它们的组合都没有解决问题。 我还尝试将我的身体和 html 标签设置为 width:100%,但没有运气。我似乎无法弄清楚问题是什么,以及是 css 还是元标记问题。该网站位于 www.sweetestgourmet.com。
尝试将其添加到<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
使用 css3 媒体查询
在头部标记中包含显示的元标记
然后在样式表中 taget iphone 作为
@media only screen and (max-width: 480px){
/* write your css */
}
这是教程 http://css-tricks.com/css-media-queries/