详细信息 您现在的位置是：首页 > jQuery
网站自适应怎么做，关键代码分享
来源：
发布时间：2022-04-12
958 人已围观
摘要随着手机、pad等设备的功能越来越强，使用越来越广。网站不做下自适应都不好意思上线了，网站怎么简单的做自适应。网站自适应代码分享大家
1.根据屏幕的大小不同引入不同的css样式文件
2.响应式设计的步骤，设置Meta标签
大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用 视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。在标签里加入这个meta标签。
注：（user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具体尺寸的问题。 ）
3.假设我们要兼容iphone和iPad的视图，那么可以这样设置
/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {}
/** iPhone **/
上一篇： 常见的几种正则表达式写法
下一篇： div垂直居中显示方式
站点信息
- 电话：15226178738
- QQ：1697915848
- 邮箱：1697915848@qq.com