首页 > TAG信息列表 > 768px
动画效果
@keyframes move1 { from{transform: rotate(0)} to{transform: rotate(360deg)}} 指定的变化时发生时使用％，或关键字"from"和"to"，这是和0％到100％相同 move1是名字是下面animation的动画名字 #box{ margin: 100px auto 0;【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-wid响应式布局
屏幕分 屏幕缩写像素超小屏xs< 576px小屏sm>= 576px中屏md>= 768px大屏lg>= 992px超大屏xl>= 1200pxcss中的容器
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的宽度来指定某个宽度区间的网页布局。 超小屏幕（移动设备）7bootstrap组件学习之导航条
Bootstrap3中的导航条主要包含品牌项（brand）、菜单项（menu）、表单项（form）等元素。 大屏下，各元素呈水平排列。小屏中，各元素默认隐藏，仅显示品牌项和一个折叠按钮。点击折叠按钮后，菜单和表单元素呈现为堆叠排列。由此可见，导航条由两个部分组成，一个是导航主题，由 .navbar-header 实现，另外一个css - 布局 - 响应式布局
响应式布局 Responsive layout 移动设备尺寸 移动设备的尺寸各不相同，大体上可以做如下划分： 768px以下的是手机屏幕 768px-991px是平板ipad屏幕 992px-1199是大平板屏幕 1200极其以上是大屏幕 通用版心 超小屏：768px以下 版心宽100%小 屏：768px-992px关于bootstrap--表格（table的各种样式）
关于bootstrap--表格（table的各种样式） 1、table-striped：斑马线表格 2、table-bordered：带边框的表格 3、table-hover：鼠标悬停高亮的表格 4、table-condensed：紧凑型表格(单元格的内距由8px调至5px。) 5、table-responsive：响应式表格(当你的浏览器可视区域小于768px时，表格底部