之前發過一篇文章《移動端應該如何動態設置字體大小？》，主要說了移動web端布局的一些解決方法，本文再一次把這個問題提出來，並分別對安卓和IOS設備的屏幕了解做出自己的分享，在進入正文之前最好先了解：物理像素、邏輯像素、DPR和Rem。 那么進入正文，不廢話，直接把自己了解到的和一些看法說 ...

function is_weixn(){ 　　var ua = navigator.userAgent.toLowerCase(); 　　if(ua.match(/MicroMesseng ...

1、pc端頁面在移動端顯示，默認視口寬度是980px（也就是body寬度是980px），可通過meta標簽設置為需要的尺寸，比如頁面中元素最大寬度是1220px，則如下所示 <meta name="viewport" content="width=1220"> 2、如果不想讓頁面 ...

如何判斷頁面是由移動端還是PC端打開呢，也就是說怎么判斷訪問設備的類型呢？ 1.媒體查詢，但是這個只能判斷尺寸，並不能判斷是不是移動設備。 2.通過user-agent值，來進行判斷。使用javascript框架中的Navigator對象的userAgent屬性。 ...

pc移動端適配 1、pc端頁面在移動端顯示，默認視口寬度是980px（也就是body寬度是980px），可通過meta標簽設置為需要的尺寸，比如頁面中元素最大寬度是1220px，則如下所示 <meta name="viewport" content="width ...

css中設置字體單位有三種：px,em,rem px是絕對單位，用px設置字可以保證設置的精准度； em比較繁瑣，所以現在移動端的web流行使用rem作為字體相對單位； rem是一種相對單位，相對於本頁面的根字體大小而設置；通常用法： html{ 　　font-size:62.5 ...

安卓和ISO系統，對中文字體是不支持，所以定義以后看到效果不是直接定義字體效果，如果需要定義 大家會想到 @font-face 定義為微軟雅黑字體並存放到 web 服務器上，在需要使用時被自動下載 @font-face { font-family: ‘MicrosoftYaHei’; src ...

<meta name="viewport" content="user-scalable=yes"> ...