黄老师 请问使用vue该如何书写响应式？

Question

黄老师 使用vue该如何书写响应式的页面？是用传统的方法在 index.html中写media="(min-width: 481px)" 这样 还是将样式写在 组件的style中，如果是写在组件中，该如何书写？

Answer 1

ustbhuangyi 2020-03-17 12:23:29

你说的响应式是指什么效果？ PC 和手机用一套代码，还是自适应各种尺寸的手机？如果是前者，一般来说不靠谱，pc 和移动建议分开开发，两套代码渲染不同的模板，如果是后者，像课程这样搞法即可，px+flex+media query

• 提问者 wubin_work #1

  好的 谢谢黄老师！

• weixin_慕瓜3192082 #2

  老师，请问这里的两套代码渲染不同的模板，是什么意思？就比如我们的音乐app，我要移到pc端，是不是复制一份代码，然后改模板，改css？

• ustbhuangyi 回复 weixin_慕瓜3192082 #3

  PC 端建议重新写一份代码，然后后端根据 ua 去渲染不同的页面

点开查看后面1条评论