做前端的要知道一个常识,涉及样式的控制组件是css,而js是加强样式的渲染效果的,因此实现这一效果的方法是导入样式的时候控制样式的生效条件,使得用户打开网页的设备不同而展示的效果也不同的效果,在使用link的时候,它有一个标签属性为media,它就是用来控制外链的样式在使用哪种设备访问时生效,我们可以使用它的screen值表示移动设备访问时生效,并添加一些大小的限制
当希望智能手机访问时生效,我们可以控制页面分辨率最大宽1024px,大于这个值就不生效了
media="screen and (max-width:1024px)"
当希望PC浏览器访问时生效,我们可以控制页面分辨率最小宽1024px,小于这个值就不生效了
media="screen and (min-width:1024px)"