在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ PC端和手機端網(wǎng)頁顯示的字體大小不統(tǒng)一怎么解決?

PC端和手機端網(wǎng)頁顯示的字體大小不統(tǒng)一怎么解決?

圖片描述

電腦上排版是滿頁的,在手機上看,字體變小了,下面有很大的空白了。
css屬性font-size:12px;

怎樣才能讓電腦上和手機上看到的文字大小一致呢?

頁面頭部已經(jīng)添加了:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
白色DIV是固定px值的;
然后又根據(jù)屏幕的尺寸,動態(tài)計算了transform: scale(0.741538);
頁面是自動縮放到剛合適屏幕展示的。
經(jīng)過測試和transform縮放無關,和viewport無關,font-size:1em也會變小。目前還是不知道是哪里的原因,字體會小一些。

回答
編輯回答
心悲涼

<head></head>中加入以下內(nèi)容:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
2017年3月16日 10:10
編輯回答
法克魷

固定寬度和transform: scale的問題。
移動端可以直接使用媒體查詢適配,你使用的transform: scale 同時影響到了字體。

2018年4月26日 01:44
編輯回答
壞脾滊

最后發(fā)現(xiàn)應該是字體不一樣引起的。這段文字沒有指定字體,電腦上默認是微軟雅黑,但是手機上默認的不是微軟雅黑,有細微的區(qū)別的和誤差。

2018年1月29日 12:26
編輯回答
女流氓

看截圖好像沒寫viewport(所以看到的其實是整個頁面縮小的效果,字當然也會小咯),最好寫一下吧,然后再視情況做響應式處理(重新排版,包括處理布局、縮放及DPR響應等)。


那就看下設備DPR唄,log下window.devicePixelRatio的值

2017年3月7日 23:30