首页 > 代码库 > 响应式布局
响应式布局
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1.width=device-width //应用程序的宽度和屏幕的宽度是一样的
2.height=device-height //应用程序的高度和屏幕的高是一样的
3.initial-scale=1.0 //应用程序启动时候的缩放尺度（1.0表示不缩放）
4.minimum-scale=1.0 //用户可以缩放到的最小尺度（1.0表示不缩放）
5.maximum-scale=1.0 //用户可以放大到的最大尺度（1.0表示不缩放）
6.user-scalable=no //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）
@media (min-width:768px) and (max-width:1024px) { div{ background-color:red; }}@media (max-width:768px) { div{ background-color:black; }}
响应式布局
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。