前端开发如何使得PC端和手机端的页面效果不一样
做前端的要知道一个常识，涉及样式的控制组件是css，而js是加强样式的渲染效果的，因此实现这一效果的方法是导入样式的时候控制样式的生效条件，使得用户打开网页的设备不同而展示的效果也不同的效果，在使用link的时候，它有一个标签属性为media，它就是用来控制外链的样式在使用哪种设备访问时生效，我们可以使用它的screen值表示移动设备访问时生效，并添加一些大小的限制当希望智能手机访问时生效，我们可
·
做前端的要知道一个常识，涉及样式的控制组件是css，而js是加强样式的渲染效果的，因此实现这一效果的方法是导入样式的时候控制样式的生效条件，使得用户打开网页的设备不同而展示的效果也不同的效果，在使用link的时候，它有一个标签属性为media，它就是用来控制外链的样式在使用哪种设备访问时生效，我们可以使用它的screen值表示移动设备访问时生效，并添加一些大小的限制
当希望智能手机访问时生效，我们可以控制页面分辨率最大宽1024px，大于这个值就不生效了
media="screen and (max-width:1024px)"
当希望PC浏览器访问时生效，我们可以控制页面分辨率最小宽1024px，小于这个值就不生效了
media="screen and (min-width:1024px)"
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献15条内容
所有评论(0)