pc端页面兼容移动端

负责一个项目pc端的，再上线以后呢，想兼容移动端。用同一套页面

1.方法1

　　定义视口窗口，简单，可以在手机上看到一个缩小版的pc端，但是字体显示小，交互不友好，不同系统不同设备的默认值可能不同

 <meta name="viewport" content="width=1500px,user-scalable=no">

 如果可以缩放的话 ，会出现滚动轴

2.方法2

　　媒体查询 （需要些很多套样式）