gpt4 book ai didi

codenameone - 在 codenameone 中显示的 html 文本非常小

转载 作者:行者123 更新时间:2023-12-04 03:05:35 26 4
gpt4 key购买 nike

我正在使用浏览器组件在我的应用程序中显示 HTML 文本。之前一切正常,但在最近的构建中,浏览器组件中显示的字体大小非常小。它在模拟器上运行良好,但在设备上看起来非常小。这是我的测试用例,并在 iPhone XS 、iPhone 7 和 iPad 上进行了测试。

    Form f= new Form();
f.setLayout(new BorderLayout());

BrowserComponent browser = new BrowserComponent();
Container cont = new Container();
cont.setLayout(new BorderLayout());
cont.addComponent(BorderLayout.CENTER, browser);
String data = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><title>Test</title><meta http-equiv=\"Content-Type\" content=\"text/html;charset=utf-8\" /></head><body><p>Hello World</p></body></html>";
browser.setPage(data, "");
cont.setPreferredH(com.codename1.ui.Display.getInstance().getDisplayHeight()/2);
browser.setPreferredH(com.codename1.ui.Display.getInstance().getDisplayHeight()/2);
f.addComponent(BorderLayout.CENTER,browser);
f.show();

让我知道更改了哪些内容以及如何增加字体大小。谢谢

最佳答案

我在 Shai 的回答中添加了有关字体大小的信息。尝试添加以下元标记:

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cleartype" content="on" />

希望这些元标记可以修复真实设备上的字体大小。在网页中使用的 CSS 中,我建议使用 em 作为单位来指定字体大小,因为它对移动设备友好(独立于屏幕设备的 dpi)。

附录:为了不要混淆,而 em 适用于网页中使用的 CSS(在 BrowserComponent 内),在 Codename One 中使用的 CSS要为组件设置样式,最好使用 mmpt 作为独立于 dpi 的单位。

关于codenameone - 在 codenameone 中显示的 html 文本非常小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58101329/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com