[英]Why is my site zooming into my .wrapper div when viewed on an iphone?
我使用html5樣板將此站點更改為html5。 在台式機甚至是ipad上查看時,一切看起來都很好,但是當我在iphone上查看時,它只會放大顯示.wrapper div的內容。 我嘗試刪除建議的內容。 我還嘗試添加了最大比例1.0,初始比例= 1.0和最小比例= 1.0,但這些方法或它們的組合都不能解決問題。 我還嘗試將我的body和html標簽設置為width:100%,但沒有運氣。 我似乎無法弄清楚問題是什么,如果是css或元標記問題。 該站點位於www.sweetestgourmet.com。
使用CSS3媒體查詢
包括meta標簽,如head標簽所示
然后在樣式表標簽中將iphone作為
@media only screen and (max-width: 480px){
/* write your css */
}
嘗試將其添加到<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.