当前位置:首页 > CMS教程 > WordPress > 列表

wordpress主题在手机UC浏览器上字体会自动放大,怎么解决?

发布:smiling 来源: PHP粉丝网  添加日期:2018-12-25 09:25:06 浏览: 评论:0 

随着移动互联网的普通,wordpress自适应主题已成为wordpress主题开发的主流方向,所以,作为wordpress主题开发者,开发wordpress主题时,就会兼顾考虑主题能在PC端正常显示,又能在移动端正常显示。说实话,相对于PC端不同浏览器的兼容问题,移动端的开发要好得多。基本上所有的浏览器都不存在兼容问题。但是,也有极个别的奇葩——如手机UC浏览器,就会不明不白地自动放大网页的字体,这曾经让我很蛋痛。

前段时间,我的一个wordpress自适应主题在其它所有的手机浏览器中都是正常的,就只有在手机UC浏览器中字体会自动放大。当初还以为是我的主题自身问题,后来百度了一下,遇到这种问题的大有人在,不仅wordpress,其它的程序如织梦\PHPCMS程序,同样也有这样的情况出现。这到底怎么一回事呢?

百度后,才了解到,UC浏览器一直在升级,从10.0版以后,就开始出现这样的问题。从UC 10.0版开始,UC浏览器会对wap页面字体按规则放大。那么,怎样禁用UC浏览器字体自动放大呢?通过UC浏览器手机端操作当然可以实现,但这对于用户来说,又有几个人会那样去操作呢?这肯定是不现实的。

如何禁用UC浏览器字体自动放大?后台,在一个论坛中看到了解决的方法。不看不知道,一看吓一跳,原来解决的方法是如此简单,我们只需在我们的wordpress主题的源码中添加html5标签 header、nav、section中的任一个来避免,就可以禁用了UC浏览器的字体自动放大效果。

比如:我们的wordpress主题导航字体在UC浏览器上会自动放大,我们只需要在wordpress主题的header.php文件中的导航代码前添加“”就可以了。标签之间不需要添加内容,为空即可。

比如:wordpress主题底部信息在UC浏览器上会字体自动放大,我们只需要wordpress主题的footer.php文件中添加“”就可以了。当然,也可以用其它2个标签来实现。

因为碰到过这样的问题,所以分享出来,如果你也是wordpress主题的开发者或爱好者,也碰到这样的问题,那就赶快试试这种方法吧,相信一定会药到病除。

Tags: wordpress 字体放大

分享到: