❶ 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 也有提供对应的调试工具。