Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap，讨论 Bootstrap 文件结构，并通过一个实例演示它的用法。 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时，您将 ...
分类：
其他好文 时间：
2020-05-16 10:45:36
阅读次数：
57
第一步：先写好重置的样式。直接复制粘贴即可 @media all and (max-width: 320px){ html{ font-size: 12px; } } @media all and (min-width: 321px) and (max-width: 375px){ html{ fo ...
分类：
移动开发 时间：
2020-05-14 10:41:54
阅读次数：
90
响应式布局的实现 响应式布局指的是同一页面在不同屏幕尺寸或者在不同的设备下有不同的布局，能够在大屏设备以及小屏设备获得更好的浏览体验，简单来说就是页面适应终端而无需为每个终端制作单独的页面。 媒体查询 通过使用 媒体查询来实现响应式布局，针对不同的媒体类型设置不同的样式规则，可以根据视窗、设备高度与 ...
分类：
其他好文 时间：
2020-05-05 20:26:35
阅读次数：
60
垂直居中 相信我们大多数人都是从static,浮动，定位这三种布局方式来开始制作网页的。在大多数的业务需求下，浮动和定位都能够很好的满足我们的开发需要。即使是在响应式设计中，浮动和定位配合百分比，rem，媒体查询都能够解决大多数的问题。但是如果你只使用浮动和定位的话，碰到以下的场景你就会发现不是那么 ...
分类：
其他好文 时间：
2020-05-05 17:38:47
阅读次数：
79
我的博客原文地址：原文地址 如果文章对您有帮助，您的star是对我最好的鼓励～ 简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 px和 ...
分类：
其他好文 时间：
2020-04-27 09:56:49
阅读次数：
73
媒体查询 什么是媒体查询？ 指查询媒体的类型和媒体的屏幕宽度 //类型大概有三种screen、print、speech @media screen and (min-width:300px) { /*选择打印机与屏幕阅读器之外的所有设备，并且最小宽度 >= 300px 才会生效。*/ color:r ...
分类：
其他好文 时间：
2020-04-15 13:53:16
阅读次数：
91
最近几年，大屏幕手机和ipad等移动设备的流行，使你的网页兼容移动设备已成为一种流行！移动设备的屏幕大小是五花八门，各式各样！要想很好的兼容移动设备，Css3的media技术是功不可没。 我的博客，应用了CSS3的media技术，使其在手机等移动设备上面也可以查看。当然，只凭css3的media技术 ...
分类：
移动开发 时间：
2020-04-06 20:29:49
阅读次数：
96
1、轻量级框架 只关注视图层,是一个构建数据的视图集合,大小只有几十kb Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统 2、简单易学 国人开发,中文文档,不存在语言障碍,易于理解和学习 3、双向数据绑定 也就是所谓的响应式数据绑定。这里的响应式不是@media 媒体查询中的响应式布 ...
分类：
其他好文 时间：
2020-04-04 20:34:39
阅读次数：
542
1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备（平板） 992~1200的中等屏幕（桌面显示器） 大于1200的宽屏设备（大桌面显示器） ...
分类：
移动开发 时间：
2020-04-01 22:13:14
阅读次数：
170
浏览器中的页面 一、DOM树 1、在渲染引擎中，DOM有三个层面的作用： DOM是表述HTML的内部数据结构，它会将Web页面和JavaScript脚本连接起来，并过滤一些不安全的内容 2、DOM树如何生成： 网络进程和渲染进程建立一个管道，HTML解析器直接解析，不需要等待text/html类型的 ...
分类：
其他好文 时间：
2020-03-26 19:33:33
阅读次数：
111
