❶ web前端 移動端和pc端顯示比例一般都要怎麼調整
如果你自己拿不準的話用一套ui框架是比較好的，他能同時兼容各個屏幕的樣式，如果你不想用框架，那麼你要想想你的網頁是否適合做PC和手機的兼容
❷ 移動web前端開發 頁面重構布局
是這樣的，手機的屏幕有大有小，移動web最好做成響應式布局，也就是自適應屏幕，沒有固定寬高，這樣的話，在所有手機上都可以正常顯示。ico的話可以使用字體圖標，現在大部分手機瀏覽器都支持html5和css3的。
❸ 前端移動端頁面怎麼用rem布局
!new function(){var a=this;a.width=750,a.fontSize=100,a.widthProportion=function(){var b=(document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/a.width;return b>1?1:b},a.changePage=function(){document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+a.widthProportion()*a.fontSize+"px !important")},a.changePage(),window.addEventListener("resize",function(){a.changePage()},!1)};
引入這段js代碼，設計圖的750px = 7.5rem ，同理10px = 0.1rem
記得在css設置默認字體大小 body{font-size: 0.3rem;}
舉例：.div1{width: 7.5rem;height: 1rem;}
❹ 前端做出來的移動端頁面用什麼測試
移動端的web頁面調試一般可以採取以下三種調試方法：第一，在PC端的瀏覽器里直接f12調試，一般現在的瀏覽器都有device mode，調用這個模式瀏覽器就可以模擬移動端的設備進行調試，目前chrome支持的設備包括蘋果、三星、nexus等；
第二，在PC端創建安卓和ios的虛擬機調試，感覺有點復雜，一般web開發很少用這種模式，原生app開發用得比較多；
第三，直接用移動設備測試，將你開發所用的PC和要測試的移動設備連接在同一個區域網下，通過PC搭建一個伺服器，這樣移動設備就可以通過區域網ip訪問你開發的網頁看效果了。
通常來說，第一種調試方式方便快捷，能夠快速的查看效果，基本上解決90%的調試問題。剩下的問題一般要配合第三種方法，比如不同的系統（安卓、蘋果）搭配不同的瀏覽器（UC、QQ、chrome、Safari）的顯示差異問題等等。
❺ 怎麼在移動端調試web前端
日常開發中，用 Chrome 模擬 UA、屏幕尺寸 和 觸摸特性，完成第一階段的開發和調試。
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="420" data-rawheight="169" class="content_image" width="420">
Android 的話，Chrome 也有提供對應的調試工具。