为什么我的网站在iphone上查看时会缩放到我的.wrapper div中?

时间:2013-11-15 12:57:34

标签: html ios css html5

我使用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。

2 个答案:

答案 0 :(得分:0)

使用css3媒体查询

包含 head标记

中显示的元标记

然后在样式表taget iphone中

@media only screen and (max-width: 480px){

   /* write your css */
 }

这是教程http://css-tricks.com/css-media-queries/

答案 1 :(得分:0)

尝试将其添加到<head>

<meta name="viewport" content="initial-scale=1, maximum-scale=1">