前端开发如何使得PC端和手机端的页面效果不一样

做前端的要知道一个常识，涉及样式的控制组件是css，而js是加强样式的渲染效果的，因此实现这一效果的方法是导入样式的时候控制样式的生效条件，使得用户打开网页的设备不同而展示的效果也不同的效果，在使用link的时候，它有一个标签属性为media，它就是用来控制外链的样式在使用哪种设备访问时生效，我们可以使用它的screen值表示移动设备访问时生效，并添加一些大小的限制

当希望智能手机访问时生效，我们可以控制页面分辨率最大宽1024px，大于这个值就不生效了

media="screen and (max-width:1024px)"

当希望PC浏览器访问时生效，我们可以控制页面分辨率最小宽1024px，小于这个值就不生效了

media="screen and (min-width:1024px)"