height of child, 15px padding --> <!-- 1/2 width of parent, 1/2 height of parent (which is 0 with example markup, background color --> <!-- if we added a fixed height child, its width will the col width minus right and left padding --> this makes the col 100px h...
DOCTYPEhtml>.container{height:150px;background-color: pink;margin:0auto; }/*1.超小屏幕下 小于768 布局容器的宽度为 100% */@mediascreenand(max-width:767px){.container{width:100%; } }/*2.小屏幕下 大于等于768 布局容器的宽度为 750px */@mediascreenand(min-width:768px) {.container{width...
这个.box2 的,我们自写的CSS 只有 width 与 height 的各100px,其中 bq-danger 以及 m-5 都是Bootstrap 4 的class,而 bq-danger 代表的是背景使用 danger 主题色,而 danger 主题色在Bootstrap 4 预设的色码是#dc3545,另外 m-5 英文的 m 代表的是 margin 而数字 5 代表的是间距大小,1代表的是 0.25 ...
device-width, device-height 屏幕宽、高 width,height 渲染窗口宽、高 orientation 设备方向 resolution 设备分辨率 语法: @media mediatype and|not|only (media feature) {CSS-Code; } 不同的媒体使用不同的stylesheet viewport 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(view...
60% image.png Bootstrap模态框 Bootstrap框架中的模态弹出框,分别运用了“modal”、“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-content”中,其主要又包括三个部分: 弹出框头部,一般使用“modal-header”表示,主要包括标题和关闭按钮 弹出框主体,一般使用“modal-body”表示,...
DOCTYPE html>逻辑运算符div{width:200px;height:200px;background:red;}/* 屏幕的尺寸比700大的时候以及横屏的时候满足 */@mediaalland(min-width:700px)and(orientation:landscape){div{background:green;}}/* 屏幕尺寸比600小,或者屏幕为横屏的时候满足 */@media(max-width:600px),(orientation:portrait)...
bootstrap的媒体查询 1.max-width 最大宽度,当有多个媒体查询书写时,顺序从大到小2.mix-width 最小宽度,当有多个媒体查询书写时,顺序从小到大 媒体查询完整写法: @media 关键词 媒体类型 and(媒体特性){css代码}关键词: and 连接另外一个条件 : (min-width:768px)and(max-width:991px)only 仅这一个条件...
width: 100px; height: 100px; /* Typography */ font: normal 13px "Helvetica Neue", sans-serif; line-height: 1.5; color: #333; text-align: center; /* Visual */ background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 3px; ...
正像你所知道的那样，设置DIV大小的有两个属性width和height，以前在学习DIV每次给DIV设置100%宽度或高度...
用法: width设置当前页面的宽度,device-width:当前设备的宽度 height设置当前页面的高度,用到的机会很少 user-scale设置是否允许用户缩放 initial-scale设置页面初始化的缩放比例 1. 2. 3. 4. 5. 6. 7. 8. 9. 2、绝对单位改为相对单位 宽度由像素