网页版html怎么设置合适iPad,html – iPad缩放以适应在内容最少的网页上不起作用...

考虑以下基本的html代码块：

iPad test

body

{

margin:0;

}

#content

{

margin: 0 auto;

width: 980px;

border:1px solid #c4c4c4;

background-color:#f5f5f5;

}

A small amount of content

在iPad上观看时,980px的主要内容区域将不会自动缩放以适应iPad屏幕.但是,如果您使用大量内容替换少量内容,即…足以导致垂直滚动,则页面将在iPad上自动缩放.

有人知道为什么吗？我一直在搜索高低,当页面上的内容很少时,似乎无法找到强制自动缩放的方法.

将视口内容更改为width = 980当然会解决问题,但是我创建了一个响应式网站,因此视口需要是设备宽度.

我正在使用媒体查询来改变智能手机上内容区域的CSS(达到100％宽度),我希望使用iPad的标准桌面版本的iPad.

任何想法将不胜感激.

注意：我在带有视网膜显示器的iPad上进行测试,我不确定旧型号会发生什么.