javascript - 切换可见性时字体大小发生变化

Question

这只发生在我的 iPhone 上。每次我隐藏/显示一个元素时，它都会给出不同的字体大小。只有当我在“显示全部”区域显示和隐藏多个元素时才会发生这种情况

<style>
.asdf_2{
font-size:12px;
}
</style>
<script>
function showhide(x){
    if(document.getElementById(x).style.display == '')
    {
        document.getElementById(x).style.display = 'none';
    }
    else 
    {
        document.getElementById(x).style.display = '';
    }
}
</script>
<div class="content">
    <div class="asdf_all" onClick="showhide('showme1');showhide('showme2');">Show All</div>
    <div class="asdf">
        <div class="asdf_1" onClick="showhide('showme1');">Show1</div>
        <div class="asdf_2" id="showme1" style="display:none">asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
        </div>
    </div>
    <div class="asdf">
        <div class="asdf_1" onClick="showhide('showme2');">Show2</div>
        <div class="asdf_2" id="showme2" style="display:none">asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
        </div>
    </div>
</div>

Answer 1

“这只发生在我的 iPhone 上。”

看到这个：

如何避免iOS自动字体大小调整？

body {
    -webkit-text-size-adjust: 100%;
}