- 博客(3)
- 收藏
- 关注
RSS订阅原创 视口
视口在响应式设计中是一个非常重要的概念。视口的概念针对移动端浏览器，分为两种视口，一种是可见视口即设备大小，另一种是视窗视口即网页宽度。 移动端浏览器通常宽度是 240px~640px，而大多数为 PC 端设计的网站宽度至少为 800px，如果仍以浏览器窗口作为视口的话，网站内容在手机上看起来会非常窄，因此，引入视口（虚拟容器）。 视口的定义方式可以有以下两种 ： 1：直接定义宽度 <meta name="viewport" content="width=400"...
2021-05-27 13:25:30
527
原创 Flex布局及属性
定义：flex布局表示弹性布局，为盒状模型提供最大的灵活性。注意事项：如果是Webkit内核的浏览器，需要加上-webkit前缀 在父级元素设置为flex布局后，子元素的float、clear、vertical-align属性都将失效，所以在使用flex布局时，不应该先设置完子元素布局后再使用。容器：采用flex布局的元素被称作容器。有六个常用属性设置在容器上，分别为：flex-direction flex-wrap flew-flow justify-content ali..
2021-05-27 13:19:56
99
原创 骰子例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>色子.
2021-05-27 13:10:49
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人