怎么用vue写几个手机Web界面,需要设置写什么

怎么用vue写几个手机Web界面,需要设置什么,写出来的界面能在浏览器测试吗,还是一定要在手机上测试呢,刚接触不太熟悉,我凑不够字数了

img


你在电脑上写好的代码,可以通过在浏览器打开,f12 打开控制台, 点击左上角的手机图标,可以模拟手机的情况(除无法调用手机的功能外其他区别不是很大,如摄像头等功能)
你也可以通过将手机连到与你电脑同一网络下,直接访问你的 vue运行地址,可以在手机上打开,这时候就要注意手机分辨率以及尺寸的问题,其他深层次的慢慢再去了解就行

你 可以用相对 单位 rem .来做 单位 。或者媒体查询 。建议 用前者 。 然后 审查元素 打开 移动端模式 。vue 里可以 使用 px2rem 和 lib-flexible
可以参考这个,不过 现在的cli 变化 很大 这个配置 就不一定可以了
http://events.jianshu.io/p/3b50db221596

就正常写代码就可以,但是要设置适配,rem,这个单位用的人比较多,还有其他的适配单位,可以去看看,在浏览器看的话,打开控制台然后点击左上角的小手机图标,点开之后有很多手机型号,然后可以添加型号或者删除,点击最后一个Edit...就可以了

img

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^