通过单个外联样式，CSS3的@media 媒体类型设置不同的屏幕宽度范围 选用不同的CSS样式 HTML代码 CSS代码 当宽度大于960px的效果图 当宽度小于960px但大于600px时的效果图 当宽度小于600px的效果图 不明白的地方可以留言 ...
分类：
Web程序 时间：
2019-09-06 09:24:25
阅读次数：
118
介绍 在css2当中，存在标准模式下的盒子模型和IE下的怪异盒子模型。这两种方案表示的是一种盒子模型的渲染模式。而在css3当中，新增加了弹性盒子模型，弹性盒子模型是一种新增加的强大的、灵活的布局方案。弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布 ...
分类：
Web程序 时间：
2019-08-24 11:45:01
阅读次数：
139
(1)单位要用 rpx rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 需要根据不 ...
分类：
微信 时间：
2019-07-30 21:48:48
阅读次数：
172
为了简化开发流程，提升工作效率，收集了一些平时常用的宏定义，今后会不定期更新 1.UI元素 //NavBar高度 #define NAVIGATIONBAR_HEIGHT 44 //StatusBar高度 #define STATUSBAR_HEIGHT 20 //获取屏幕 宽度、高度 #defin ...
分类：
移动开发 时间：
2019-07-12 14:20:56
阅读次数：
140
运行过程 <!DOCTYPE html><html><head><!--可以让网页自动适应手机屏幕宽度--><meta name="viewport" content="width=device-width, initial-scale=1"><!--overflow:hidden;是当元素内的内容 ...
分类：
其他好文 时间：
2019-07-06 18:59:47
阅读次数：
126
ls [选项] [文件名...] POSIX 标准选项: [-CFRacdilqrtu1] GNU 选项 (短格式): [-1abcdfgiklmnopqrstuxABCDFGLNQRSUX] [-w cols] [-T cols] [-I pattern] [--full-time] [--for ...
分类：
其他好文 时间：
2019-06-26 13:50:56
阅读次数：
426
布局方案： 方案一：100%布局（高度固定，宽度自适应）（流式布局） 1、控件弹性 2、图片等比例 3、文字流式 特点：手机越大，显示内容越多 方案二：REM布局（等比缩放布局，整个页面等比例缩放） vw、vh单位：1vw、vh等于当前屏幕宽度、高度（逻辑宽度，window.innerWidth）的 ...
分类：
移动开发 时间：
2019-06-03 12:48:15
阅读次数：
119
## 什么是弹性盒子 弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。 ## 如何设置一个弹性盒子 ``` 如何将一个容器变为弹性容器呢？display:flex|inlin ...
分类：
其他好文 时间：
2019-04-29 14:09:18
阅读次数：
147
@media 查询 @media 媒体查询选择性加载css，意思是自动探测屏幕宽度，然后加载相应的CSS文件。可以针对不同的屏幕尺寸设置不同的样式，特别是需要设置设计响应式的页面，@media 是个不错的选择 用法： @media 设备类型 and (设备特性-宽度) { // css 样式 } / ...
分类：
Web程序 时间：
2019-04-27 22:48:14
阅读次数：
571
一. 代码链接： https://gitee.com/GjqDream/css_learning/tree/master 二. 网页截图： 当鼠标移动到电影名字上或旁边时会有简单的动画效果——字体加粗、背景色渐变，当鼠标移动到电影类别上时会改变背景色，点击时会跳转到相应的类别框。 当屏幕宽度小于某个 ...
分类：
其他好文 时间：
2019-03-27 16:54:28
阅读次数：
161
