媒体查询响应式的界面不局限于某一固定分辨率。所以如何在不同的尺寸的设备上很好地展示界面，是一个很大的问题。为了更好的适配设备，我们按照不同的分辨率对设备进行了划分。在这里插入代码片/*大屏幕（大桌面显示器，大于等于1200px）*/@media(min-width:1200px){...}/*中等屏幕（桌面显示器，大于等于992px）*/@media(min-width:992px){...}/*小屏幕（平板，大于等于768px）*/@media(min-width:768px){...}/*超小屏幕（手机，小于768px）*/media(max-width:767px){...}布局尽量采用
媒体查询响应式的界面不局限于某一固定分辨率。所以如何在不同的尺寸的设备上很好地展示界面，是一个很大的问题。为了更好的适配设备，我们按照不同的分辨率对设备进行了划分。在这里插入代码片/*大屏幕（大桌面显示器，大于等于1200px）*/@media(min-width:1200px){...}/*中等屏幕（桌面显示器，大于等于992px）*/@media(min-width:992px){...}/*小屏幕（平板，大于等于768px）*/@media(min-width:768px){...}/*超小屏幕（手机，小于768px）*/media(max-width:767px){...}布局尽量采用
概述webpack的使用中我们会遇到各种各样的插件、loader。webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深loader是什么呢？背景了解loader前，我们在来看个问题，有了前面的基础我们还是用个简单的样例来说明由于一切都是模块，我们想用jsimport的方式统一加载css资源//main.jsimport"./main.css";window.addEventListener("load",function(){});//main.cssbody{color:aquamarine;}WebpackAppHellowebpacksplitchunk
概述webpack的使用中我们会遇到各种各样的插件、loader。webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深loader是什么呢？背景了解loader前，我们在来看个问题，有了前面的基础我们还是用个简单的样例来说明由于一切都是模块，我们想用jsimport的方式统一加载css资源//main.jsimport"./main.css";window.addEventListener("load",function(){});//main.cssbody{color:aquamarine;}WebpackAppHellowebpacksplitchunk
REMrem是一个相对尺寸，它相对于html根元素来进行计算类推3REM为48px。改变html根元素font-size属性的大小。那么REM值也会随之改变。html{font-size:50px;/*默认16px*/}此时3REM为150px。接下来我们通过一个小案例来演示。f-size使用了textcss类html{font-size:16px;}.text{font-size:1rem;}修改类选择器.text的font-size为2rem后。可以看到f-size随之变大了。让我们在做一次修改，可以看到40*2=80px。html{font-size:40px;}.text{font-s
REMrem是一个相对尺寸，它相对于html根元素来进行计算类推3REM为48px。改变html根元素font-size属性的大小。那么REM值也会随之改变。html{font-size:50px;/*默认16px*/}此时3REM为150px。接下来我们通过一个小案例来演示。f-size使用了textcss类html{font-size:16px;}.text{font-size:1rem;}修改类选择器.text的font-size为2rem后。可以看到f-size随之变大了。让我们在做一次修改，可以看到40*2=80px。html{font-size:40px;}.text{font-s
学习操作系统原理最好的方法是自己写一个简单的操作系统。之前我们在电脑的启动过程中介绍过boot程序的主要任务就是加载并运行loader程序，本讲我们就来实现。本讲代码文件共2个：boot.asmloader.asm一、代码及讲解本讲所用到的知识点都是之前已经用过的，只是在本讲中综合应用了一下。关于如何读取文件在上一讲中已经介绍过了，我们只要在上讲代码中把要读取的文件名改成loader的文件名"LOADER BIN"即可读取loader程序文件。本讲的boot.asm就是在上讲的基础上稍微改了下，加了3处提示语句。程序一开始先清屏并在屏幕上输出字符串“GrapeOSbootstart.”。然后
学习操作系统原理最好的方法是自己写一个简单的操作系统。之前我们在电脑的启动过程中介绍过boot程序的主要任务就是加载并运行loader程序，本讲我们就来实现。本讲代码文件共2个：boot.asmloader.asm一、代码及讲解本讲所用到的知识点都是之前已经用过的，只是在本讲中综合应用了一下。关于如何读取文件在上一讲中已经介绍过了，我们只要在上讲代码中把要读取的文件名改成loader的文件名"LOADER BIN"即可读取loader程序文件。本讲的boot.asm就是在上讲的基础上稍微改了下，加了3处提示语句。程序一开始先清屏并在屏幕上输出字符串“GrapeOSbootstart.”。然后
学习操作系统原理最好的方法是自己写一个简单的操作系统。之前我们在电脑的启动过程中介绍过boot程序的主要任务就是加载并运行loader程序，本讲我们就来实现。本讲代码文件共2个：boot.asmloader.asm一、代码及讲解本讲所用到的知识点都是之前已经用过的，只是在本讲中综合应用了一下。关于如何读取文件在上一讲中已经介绍过了，我们只要在上讲代码中把要读取的文件名改成loader的文件名"LOADER BIN"即可读取loader程序文件。本讲的boot.asm就是在上讲的基础上稍微改了下，加了3处提示语句。程序一开始先清屏并在屏幕上输出字符串“GrapeOSbootstart.”。然后
学习操作系统原理最好的方法是自己写一个简单的操作系统。之前我们在电脑的启动过程中介绍过boot程序的主要任务就是加载并运行loader程序，本讲我们就来实现。本讲代码文件共2个：boot.asmloader.asm一、代码及讲解本讲所用到的知识点都是之前已经用过的，只是在本讲中综合应用了一下。关于如何读取文件在上一讲中已经介绍过了，我们只要在上讲代码中把要读取的文件名改成loader的文件名"LOADER BIN"即可读取loader程序文件。本讲的boot.asm就是在上讲的基础上稍微改了下，加了3处提示语句。程序一开始先清屏并在屏幕上输出字符串“GrapeOSbootstart.”。然后
