angular的PC端怎么做自适应适配移动端？

Question

可以用postcss-px-to-viewport嘛,但使用了不生效，页面切换成手机端还是

Answer 1

通常的做法是pc和手机端做成2个项目，通过nginx来判断。

Answer 2

目前主流都是PC与移动端拆成两个项目了, 单一项目太繁琐了, 代码量也不会少, 反而会更多, 适配会麻烦

Answer 3

你用响应式设计就行了： https://blog.angular-university.io/angular-responsive-design/

https://stackblitz.com/edit/angular-responsive-layout 这里还有一个在线的范例，你可以看看人家的css怎么设计的，拖动一下预览尺寸看一下，就是响应式的

Answer 4

你如果想再一个项目里面进行开发，那么我比较推荐再一个component文件夹里面这样建文件

**.component.ts
**.component.html
**.component.less
**.component.mobile.less
**.component.pad.less

css的话采用媒体查询的方式来，这样更好管理。
然后就是事件处理可能不一样的是，触摸事件需要同时绑定上