隨著移動互聯網的普通,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主題的開發者或愛好者,也碰到這樣的問題,那就趕快試試這種方法吧,相信一定會藥到病除。
|
新聞熱點
疑難解答
圖片精選