我有一个移动的Web应用程序,其中包含多个列表项的无序列表,每个列表中都有一个超链接:
...我的问题是如何格式化超链接,以便在iPhone上查看时不会改变大小,并且accellerometer从纵向切换 - >横向？现在,我的超链接字体大小规格为14px,但是当切换到横向时,它会爆炸到20px.我希望font-size保持不变.这是代码:
ul li a
{
font-size:14px;
text-decoration: none;
color: #cc9999;
}<ul>
<li id="home" class="active">
<a href="home.html">HOME</a>
</li>
<li id="home" class="active">
<a href="test.html">TEST</a>
</li>
</ul>我有一个 wkwebview，我想用它填充从 API 获取的内容（印记、许可证、免责声明等）。
我的问题是旋转 iPhone 后字体大小会发生变化。但我希望它保持不变。这就是我创建 HTML 的方式：
func embed(content: String) -> String {
return "<!DOCTYPE html><html><head><meta charset=\"utf-8\" name=\"viewport\", width=\"device-width\", initial-scale=1.0, maximum-scale=1.0></head><body>\(content)</body></html>"
}
通过 CSS，我想防止字体大小发生变化（CSS as String）：
private static let fontSizeSetting = "html{-webkit-text-size-adjust: 100%;}"
这就是我运行 CSS 的方式：
func insert(cssString: String, into webView: WKWebView) {
let jsString = "var style = document.createElement('style'); style.innerHTML = '\(cssString)'; document.head.appendChild(style);"
webView.evaluateJavaScript(jsString, completionHandler: nil)
}
public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
self.insert(cssString: css, into: self.webView)
}
任何想法如何防止字体大小更改？
这篇文章对我没有帮助：UIWebView 在旋转后调整文本大小：寻找神奇错误或我的愚蠢的解释