我正在努力优化移动设备的网站，我差不多完成了（耶！）但是有一件事让我感到困扰：
工作原理
我使用CSS重新设置标签栏（实际上是列表），就像下拉菜单一样。当触摸唯一可见的列表元素时，jQuery会在ul - 元素上切换“打开”类，并且所有列表元素也会出现。这就是它的工作原理。
问题
展开下拉菜单时，它的字体大小从15px增加到19px。在Inspector中，绝对没有暗示为什么会发生这种情况。添加font-size: 15px !important;之类的规则无效。
我为你做了一个小小的截屏视频：http://youtu.be/MUTJfTK70PE?hd=1
受影响的设备
Windows Phone（Internet Explorer）不受影响（哇！）
我会非常感谢每一个想法!!
答案 0 :(得分：0)
您可以尝试添加以下内容：font-size: 1.5rem;
答案 1 :(得分：0)
事实证明，Mobile Webkits字体调整是原点。 这个规则解决了它：
-webkit-text-size-adjust: none;
答案 2 :(得分：0)
在html5中，最好通过在页眉中明确设置视口来解决。声明
<meta name="viewport" content="width=device-width, initial-scale=1.0">
关闭手机字体大小调整。将text-size-adjust设置为none具有禁用移动设备上的缩放的缺点，仍然需要大量的前缀，并且某些浏览器似乎忽略了值。