首页 > TAG信息列表 > 992px
【css】响应式布局 @media媒介 适配平板手机
// 大型设备（大台式电脑，1200px 起） @media screen and (min-width:1200px) { //... } // 中型设备（台式电脑，992px 起） @media screen and (min-width:992px) and (max-width:1200px) { //... } // 小型设备（平板电脑，768px 起） @media screen and (min-width:768px) and (max-widcss中的容器
css中的容器分为固定容器和流体容器。 流体容器： 图片宽度width一直为width:100%，容器的宽度随着margin, padding, border的出现，其可用宽度自动跟着减小，形成了自适应效果。就像放在容器中的水流一样，内容区域会随着margin, padding, border的出现自动填满剩余空间。 固定容器：移动web开发---第三天
一、响应式开发1、响应式布局， 就是一个网站能够兼容多个终端。 2、响应式开发的原理 CSS3中的Media Query（媒介查询，and之后一定要加空格@media screen and (min-width: 768px) and (max-width: 992px) {}; 通过查询screen的宽度来指定某个宽度区间的网页布局。 超小屏幕（移动设备）7