多媒体查询的作用： 是一种CSS语法。可以根据浏览器的特性，一般是屏幕或浏览器宽度提供CSS规则。我们给不同的媒体类型，要设置不同的CSS样式规则。就是针对不同的媒体类型（例如手机，平板，电脑，显示器，电视机等等）设置不同的CSS样式规则。 通常作用的方面是：适应于同时在多个页面里的布局，比如同时在 ...
分类：
Web程序 时间：
2019-10-16 11:44:49
阅读次数：
107
.borderOnePx{ position: relative; } .borderOnePx::after { content: ''; height:1px; background:#000; -webkit-transform: scaleY(0.5); -webkit-transform- ...
分类：
移动开发 时间：
2019-10-10 10:48:01
阅读次数：
112
PC端************ 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | ...
分类：
其他好文 时间：
2019-10-09 17:32:15
阅读次数：
91
布局类别 固定网页布局：设置固定宽度，px为单位。常见PC端页面。 流式布局+伸缩布局+rem+媒体查询：设置相对宽度，%为单位。适配移动页面。 响应式布局：检测设备信息决定布局方式。一般通过检测设备的宽度。适合结构简单的页面。（比如公司宣传页面、个人博客） 栅格化布局：css框架Bootstrap ...
分类：
其他好文 时间：
2019-10-06 11:44:17
阅读次数：
84
弹性盒 flexbil box or flexbox, css3的一种布局模式,页面可以适应屏幕大小与设备确保元素保持原来布局的方式，由弹性容器flex container,弹性子元素flex item组成，设置display来实现。 x轴代表主轴，从左到右，y轴代表侧轴，从上到下,主轴不一定是水平 ...
分类：
其他好文 时间：
2019-10-02 16:56:50
阅读次数：
75
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>媒体查询-策略</title> <style> *{ box-sizing: border-box; padding: 0; margin: 0; } body{ padding-... ...
分类：
其他好文 时间：
2019-09-16 23:42:47
阅读次数：
123
原文链接：https://www.cnblogs.com/autismtune/p/5210116.html 所做项目和过程中的技术难点 难点：1.需求分析，无法控制的需求，不断变化的需求。 2.团队协调，所以在做项目之前一定要找好团队，没有什么困难是可以难倒一个集体的力量的，有一句话说办法总比困难 ...
分类：
其他好文 时间：
2019-09-10 01:10:22
阅读次数：
154
不废话，直接干货 学习前端的几个个阶段： 一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等 二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等 三阶段：canvas、js高级应用、JS-SDK、H5新增技术 四阶段：node.js、vue ...
分类：
编程语言 时间：
2019-09-03 16:57:50
阅读次数：
96
都知道 "bootstrap" 响应式布局很酷，但是是怎么实现的呢？其官网首页有提到这一切的功劳都是来自于CSS 媒体查询（Media Query）。 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应 ...
分类：
Web程序 时间：
2019-09-01 12:27:30
阅读次数：
122
?媒介类型 在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存在。 media属性用于为不同的媒介类型规定不同的样式 ⑴screen 计算机屏幕（默认值） ⑵tty 电传打字机以及使用等宽字符网格的类似媒介 ⑶tv 电视类型设备（低分辨率、有限的屏幕翻滚能力） ⑷p ...
分类：
其他好文 时间：
2019-08-25 22:48:42
阅读次数：
418
