大佬教程收集整理的这篇文章主要介绍了html – iPad缩放以适应在内容最少的网页上不起作用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<!doctype html>
<html>
<head>
<@R_404_1979@ charset="utf-8">
<title>iPad test</title>
<@R_404_1979@ name="viewport" content="width=device-width">
<style>
body
{
margin:0;
}
#content
{
margin: 0 auto;
width: 980px;
border:1px solid #c4c4c4;
BACkground-color:#f5f5f5;
}
</style>
</head>
<body>
<div id="content">
A small amount of content
</div>
</body>
</html>
在iPad上观看时,980px的主要内容区域将不会自动缩放以适应iPad屏幕.但是,如果您使用大量内容替换少量内容,即…足以导致垂直滚动,则页面将在iPad上自动缩放.
有人知道为什么吗？我一直在搜索高低,当页面上的内容很少时,似乎无法找到强制自动缩放的方法.
将视口内容更改为width = 980当然会解决问题,但是我创建了一个响应式网站,因此视口需要是设备宽度.
我正在使用媒体查询来改变智能手机上内容区域的CSS(达到100％宽度),我希望使用iPad的标准桌面版本的iPad.
任何想法将不胜感激.
因此,我的解决方案是将视口宽度默认为设备宽度以处理智能手机设备,然后检测iPad并调整视口宽度：
<@R_404_1979@ name="viewport" content="width=device-width"> <script type="text/javascript"> if(navigator.userAgent.match(/iPad/i)) { viewport = document.querySELEctor("@R_404_1979@[name=viewport]"); viewport.setAttribute('content','width=980'); } </script>
感谢您的建议insertusernamehere
以上是大佬教程为你收集整理的html – iPad缩放以适应在内容最少的网页上不起作用全部内容，希望文章能够帮你解决html – iPad缩放以适应在内容最少的网页上不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。