My iPhone seems to be the only device affected by this issue. Every time I toggle the visibility of an element, it results in a different font size. The problem only arises when I show and hide multiple elements within the "Show All" section.
<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 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>