我使用html5样板将此站点更改为html5。在台式机甚至是ipad上查看时一切都很好看,但当我在iphone上查看时,它只放大显示我的.wrapper div的内容。我试过删除 很多人都建议过。我还尝试添加maximum-scale-1.0,initial-scale = 1.0和minimum-scale = 1.0,但这些或它们的组合都没有解决问题。我也尝试将我的身体和html标签设置为宽度:100%没有运气。我似乎无法弄清楚问题是什么,以及它是否是css或meta标签问题。该网站位于www.sweetestgourmet.com。
答案 0 :(得分:0)
使用css3媒体查询
包含 head标记
中显示的元标记
然后在样式表taget iphone中
@media only screen and (max-width: 480px){
/* write your css */
}
答案 1 :(得分:0)
尝试将其添加到<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">