前端页面怎么显示成移动端

前端在电脑做页面，要显示成移动端口页面的样式进行查看，可以使用相关的软件，或者在谷歌浏览器中打开开发者选项界面，在里面有模拟移动设备页面的功能选项。

方法步骤

1. 打开电脑上的chrome谷歌浏览器窗口，并打开页面。
   

2. 选浏览器右上角的菜单。
   

3. 选择“更多工具”。
   

4. 打开“开发者工具”。
   

5. 接着会进入开发者界面。
   

6. 在上面Elements旁边有个手机平板样式的图标，点击开启就可以模拟移动浏览器，从而浏览移动页面了。
   

7. 在左边我们可以选择要模拟的移动设备。
   

8. 在右边可以调节移动页面大小，以及横竖屏。