移動(dòng)端頁(yè)面字體在微信被放大，導(dǎo)致排版錯(cuò)亂

K_B_Z 發(fā)布于2019-04-23 13:43 / 3059人閱讀

摘要：在開(kāi)發(fā)微信頁(yè)面的時(shí)候，之前一直沒(méi)有測(cè)出這個(gè)問(wèn)題。了一下發(fā)現(xiàn)原來(lái)微信調(diào)整了字體大小會(huì)放大網(wǎng)頁(yè)的字體，導(dǎo)致排版混亂。通過(guò)設(shè)置可以禁止網(wǎng)頁(yè)字體被放大請(qǐng)忽略這樣網(wǎng)頁(yè)就沒(méi)問(wèn)題了，至少目前看來(lái)。

在開(kāi)發(fā)微信頁(yè)面的時(shí)候，之前一直沒(méi)有測(cè)出這個(gè)問(wèn)題。直到某天領(lǐng)導(dǎo)的手機(jī)出現(xiàn)了排版錯(cuò)位的問(wèn)題，拿著手機(jī)質(zhì)問(wèn)我的工作態(tài)度。
Google了一下發(fā)現(xiàn)原來(lái)微信調(diào)整了字體大小會(huì)放大網(wǎng)頁(yè)的字體，導(dǎo)致排版混亂。通過(guò)設(shè)置可以禁止網(wǎng)頁(yè)字體被放大：


    @RenderBody()

@RenderBody()請(qǐng)忽略

這樣網(wǎng)頁(yè)就沒(méi)問(wèn)題了，至少目前看來(lái)。

參考文章《禁用微信 webview 調(diào)整字體大小》

The end... ?? Last updated by: Jehorn, May 18, 2018, 04:12 PM

云服務(wù)器 GPU云服務(wù)器移動(dòng)端頁(yè)面移動(dòng)端頁(yè)面顯示移動(dòng)端html頁(yè)面微信被投訴

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/2248.html

相關(guān)文章

移動(dòng)前端 - 收藏集 - 掘金

摘要：使用移動(dòng)設(shè)備查看頁(yè)面時(shí)會(huì)發(fā)現(xiàn)，在微信瀏覽器中有頂部導(dǎo)航欄有效解決圖片使用單位邊角缺失的問(wèn)題前端掘金起因在移動(dòng)端使用布局時(shí)圖片也需要用單位。移動(dòng)端實(shí)踐前端掘金說(shuō)起，相信大家并不陌生。 Sticky Footer，完美的絕對(duì)底部 - 前端 - 掘金寫(xiě)在前面做過(guò)網(wǎng)頁(yè)開(kāi)發(fā)的同學(xué)想必都遇到過(guò)這樣尷尬的排版問(wèn)題：在主體內(nèi)容不足夠多或者未完全加載出來(lái)之前，就會(huì)導(dǎo)致出現(xiàn)（圖一）的這種情況，原因是因?yàn)?..

Jochen 2019-08-29 12:43 評(píng)論0 收藏0
瀏覽器字體大小改變(微信瀏覽器)影響頁(yè)面布局問(wèn)題

摘要：對(duì)于這種情況我試過(guò)兩種解決方式禁止瀏覽器禁止調(diào)整瀏覽器字體大小行為優(yōu)點(diǎn)這種方式可以完全還原頁(yè)面原本的布局樣式。一禁止調(diào)整瀏覽器字體大小瀏覽器的放大字體功能在系統(tǒng)和系統(tǒng)中調(diào)整瀏覽器字體的實(shí)現(xiàn)方式不同，所以要針對(duì)設(shè)置。手機(jī)在系統(tǒng)設(shè)置和微信設(shè)置的通用設(shè)置中都提供放大字體功能，這兩種設(shè)置都可以系統(tǒng)中字體和應(yīng)用中字體的大小。此外在微信瀏覽器和其他一些瀏覽器中還提供手動(dòng)設(shè)置瀏覽器字體大小，一旦用...

whataa 2019-08-01 18:26 評(píng)論0 收藏0
瀏覽器字體大小改變(微信瀏覽器)影響頁(yè)面布局問(wèn)題

摘要：對(duì)于這種情況我試過(guò)兩種解決方式禁止瀏覽器禁止調(diào)整瀏覽器字體大小行為優(yōu)點(diǎn)這種方式可以完全還原頁(yè)面原本的布局樣式。一禁止調(diào)整瀏覽器字體大小瀏覽器的放大字體功能在系統(tǒng)和系統(tǒng)中調(diào)整瀏覽器字體的實(shí)現(xiàn)方式不同，所以要針對(duì)設(shè)置。手機(jī)在系統(tǒng)設(shè)置和微信設(shè)置的通用設(shè)置中都提供放大字體功能，這兩種設(shè)置都可以系統(tǒng)中字體和應(yīng)用中字體的大小。此外在微信瀏覽器和其他一些瀏覽器中還提供手動(dòng)設(shè)置瀏覽器字體大小，一旦用...

goji 2019-08-22 13:53 評(píng)論0 收藏0
瀏覽器字體大小改變(微信瀏覽器)影響頁(yè)面布局問(wèn)題

摘要：對(duì)于這種情況我試過(guò)兩種解決方式禁止瀏覽器禁止調(diào)整瀏覽器字體大小行為優(yōu)點(diǎn)這種方式可以完全還原頁(yè)面原本的布局樣式。一禁止調(diào)整瀏覽器字體大小瀏覽器的放大字體功能在系統(tǒng)和系統(tǒng)中調(diào)整瀏覽器字體的實(shí)現(xiàn)方式不同，所以要針對(duì)設(shè)置。手機(jī)在系統(tǒng)設(shè)置和微信設(shè)置的通用設(shè)置中都提供放大字體功能，這兩種設(shè)置都可以系統(tǒng)中字體和應(yīng)用中字體的大小。此外在微信瀏覽器和其他一些瀏覽器中還提供手動(dòng)設(shè)置瀏覽器字體大小，一旦用...

20171112 2019-08-29 14:15 評(píng)論0 收藏0
【響應(yīng)式布局】initial containing block、viewport以及相關(guān)尺寸

摘要：影響著其中元素的尺寸和定位。在標(biāo)準(zhǔn)中，元素的稱(chēng)為。當(dāng)?shù)膶挾雀叨仁褂冒俜謹(jǐn)?shù)的值時(shí)，這個(gè)百分?jǐn)?shù)的基準(zhǔn)就是的尺寸。例子其中就溢出了的區(qū)域。造成以上不同的原因是，在桌面端的縮放和在移動(dòng)端的縮放有不同的性質(zhì)。這兩個(gè)數(shù)值的單位是設(shè)備獨(dú)立像素。前言本篇文章修改、整理自我以前寫(xiě)的一篇文章。在閱讀這篇文章之前，你需要了解設(shè)備像素、邏輯像素（設(shè)備獨(dú)立像素）和CSS像素的區(qū)別，見(jiàn)我的前一篇文章理解設(shè)備...

weknow619 2019-08-30 15:54 評(píng)論0 收藏0