Question

在我的网络项目中，我遇到了Android手机的问题。如果你只是浏览一个默认设置的页面，一切都很好，但如果在设置＆gt;显示＆gt;字体＆gt;我将font-size更改为例如然后我的UI元素变得很大。

我主要用em来设计元素。

我尝试修复字体提升主题：

'mailer' => [
    'class' => 'yii\swiftmailer\Mailer',
    'viewPath' => '@app/mail',
    'useFileTransport' => false,
    'transport' => [
        'class' => 'Swift_SmtpTransport', // <-- here
        'host' => 'smtp.live.com',
        'username' => 'username@live.com',
        'password' => 'password',
        'port' => '587',
        'encryption' => 'tls',
    ]
],

或

html * {max-height:9999999px}

简而言之，想象一下我在屏幕底部水平堆叠了4个按钮。当我在android设置中更改字体大小时，按钮变得庞大并且相互重叠，从而打破了UI

请帮忙。：）

更新
接受的答案表明，从css / js的角度来看，这是不可能的。可能有一些疯狂的黑客，但没有什么值得为我考虑。因此，如果有人找到解决方案，请发布答案。

Answer 1

这是Android辅助功能选项的预期行为。

据我所知，没有办法在浏览器中破解外部css / js。

如果你有一个独立的应用程序，你可以扩展WebView类并执行getSettings().setTextZoom(100)，这将忽略辅助功能中的文本大小。

Answer 2

在CSS em 单位是相对于元素的字体大小（2em意味着当前字体大小的2倍）。这意味着它取决于用户的字体设置。

问题的解决方案是使用另一个单位，例如 vw ，它相对于屏幕（视口）宽度， 9vw~9％的视口宽度。< / p>

或者只是使用像素这样的独立单位（ px ）。

有关CSS单位的更多信息，请访问：http://www.w3schools.com/cssref/css_units.asp。

Android字体大小制动UI

2 个答案: