我的网站采用固定布局,大小为1090像素。
当我使用这个meta标签时:
页面将会以放大的方式加载。但是不是全部放大(大约有300像素的宽度看不到)。
此外,您无法将页面缩小到足以看到整个页面。
应该使用width=device-width解决这个问题吗?
因此,我尝试了一个0.29的初始比例,在iPhone上效果很好。但是在iPad上加载网站时,它显然会太小。
我该如何解决这个问题?
更新: 所以我刚才发现,宽度似乎是由我的页面高度定义的。 iPhone上的Safari适合视口的高度,并且不关心适合宽度,也不会让您缩小以查看整个宽度。看起来如果页面更高,您可以看到更多的宽度。 横向宽度非常好。
<meta name="viewport" content="width=device-width, maximum-scale=1">
页面将会以放大的方式加载。但是不是全部放大(大约有300像素的宽度看不到)。
此外,您无法将页面缩小到足以看到整个页面。
应该使用width=device-width解决这个问题吗?
因此,我尝试了一个0.29的初始比例,在iPhone上效果很好。但是在iPad上加载网站时,它显然会太小。
我该如何解决这个问题?
更新: 所以我刚才发现,宽度似乎是由我的页面高度定义的。 iPhone上的Safari适合视口的高度,并且不关心适合宽度,也不会让您缩小以查看整个宽度。看起来如果页面更高,您可以看到更多的宽度。 横向宽度非常好。