簡體   English   中英

在iPhone上查看網站時,為什么我的網站會放大.wrapper div?

[英]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 */
 }

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

嘗試將其添加到<head>

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM