对于ios设备，html可能无法缩放
我正在尝试在ios应用程序的网络视图中嵌入html页面。然而，无论我做什么，我似乎都不能使它适当地缩放。正如您在当前应用程序上看到的，文本和图像超出了屏幕的宽度，这不是所希望的结果。当我将所有宽度设置为100%并将scaleToFitPage设置为true时，它为什么不能正确缩放 viewDidLoad对于ios设备，html可能无法缩放,html,ios,css,objective-c,Html,Ios,Css,Objective C,我正在尝试在ios应用程序的网络视图中嵌入html页面。然而，无论我做什么，我似乎都不能使它适当地缩放。正如您在当前应用程序上看到的，文本和图像超出了屏幕的宽度，这不是所希望的结果。当我将所有宽度设置为100%并将scaleToFitPage设置为true时，它为什么不能正确缩放 viewDidLoad webView.scrollView.delegate = self webView.scrollView.showsHorizontalScrollIndicator = f
webView.scrollView.delegate = self
webView.scrollView.showsHorizontalScrollIndicator = false
webView.scalesPageToFit = true
<!-- template.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style type="text/css">
body{
font-family: 'PT Sans';
margin-left:0;
margin-right:0;
margin-top: 0;
width: 100%;
}
.text_div{
padding-left:10px;
padding-right:100px;
font-size:26px;
width: 100%;
word-wrap: break-word;
-moz-box-sizing: border-box;
-webkit-box-sizing:
border-box; box-sizing: border-box;
}
.text_div p {
display: block;
width: 100%;
word-wrap: break-word;
-moz-box-sizing: border-box;
-webkit-box-sizing:
border-box; box-sizing: border-box;
}
.title{
font-size: 40px;
padding-left:5px;
word-wrap: break-word;
padding-right: 10px;
margin-top: 10px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing:
border-box; box-sizing: border-box;
}
.main_image {
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
}
.main_image img{
width: auto;
height: auto;
}
</style>
</head>
<body>
<div class="main_image" style="background-image:url([[[main_image]]])" title="[[[alt_desc]]]"></div>
<p class="title">[[[title]]]</p>
<div class="text_div">
<p>[[[full_text]]]</p>
</div>
</body>
</html>
身体{
字体系列：“PT Sans”；
左边距：0；
右边距：0；
边际上限：0；
宽度：100%；
}
.text_div{
左侧填充：10px；
右边填充：100px；
字号：26px；
宽度：100%；
单词包装：打断单词；
-moz框大小：边框框；
-网络工具包盒尺寸：
边框框；框大小：边框框；
}
.text_div p{
显示：块；
宽度：100%；
单词包装：打断单词；
-moz框大小：边框框；
-网络工具包盒尺寸：
边框框；框大小：边框框；
}
.头衔{
字体大小：40px；
左侧填充：5px；
单词包装：打断单词；
右边填充：10px；
边缘顶部：10px；
宽度：100%；
-moz框大小：边框框；
-网络工具包盒尺寸：
边框框；框大小：边框框；
}
.main_图像{
宽度：100%；
高度：300px；
背景尺寸：封面；
背景位置：中心；
}
.main_图像img{
宽度：自动；
高度：自动；
}
[[title]]
[[全文]]
[webView加载请求：请求] 将此