响应式布局：网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点： 面对不同分辨率设备灵活性强 能够快捷解决多设备显示适应问题 缺点： 兼容各种设备工作量大，效率低下 代码累赘，会出现隐藏无用的元素，加载时间加长 多方面因素影响而达不到最佳效果，一定程度上改变了网站原有的布局结构，会出现 ...
分类：
其他好文 时间：
2018-12-10 15:50:53
阅读次数：
179
1 CSS Reset 1.1 CSS Reset方法和应用 为什么要Reset CSS IE/Chrome/FireFox/Opero/Sefari,每种浏览器对不同的HTML标签有不同的 样式设定。而如果我们的网站要在不同的浏览器上保持同样的样式，最好的办法就是 这些设定。 比如：要设定一个`` ...
分类：
其他好文 时间：
2018-12-07 22:31:45
阅读次数：
272
1.bootstrap简介 在GitHub上的开源产品 快速开发Web应用程序和网站的前端框架 支持响应式布局。（是指兼容多种终端设备访问（电脑、平板、手机）） 2.部署bootstrap 1.下载bootstrap框架 http://www.bootcss.com 选择bootstap3 生产环境 ...
分类：
Web程序 时间：
2018-12-06 22:13:33
阅读次数：
213
通过rem来实现响应式布局：首先来看，什么是rem单位。rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px，rem单位都是相对于根元素html的font-size来决定大小的,根元素的font-size相当于提供了一个基准，当页面的
分类：
Web程序 时间：
2018-12-04 20:05:07
阅读次数：
170
通过rem来实现响应式布局： 首先来看，什么是rem单位。rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px， rem单位都是相对于 ...
分类：
Web程序 时间：
2018-12-04 19:02:19
阅读次数：
224
在学习网页制作的过程中，如何根据不用的设备让网页界面能够显示出最佳的效果，这是让广大初学者为之烦恼的事情，但是今天如果你看了这篇博文，你的忧虑将一扫而光，会让你感受到前端的乐趣。 首先，如何实现这样的布局呢？只需要一句代码就能实现，接下来让我们看一下吧！ 当我们在进行代码编写时，我们只需要这样编写： ...
分类：
Web程序 时间：
2018-12-03 22:10:12
阅读次数：
369
做响应式布局的时候，如果有背景图，我们当然希望他能够全屏100%显示，这样显得页面非常的爆满，不过这又出现了一个问题，图片的尺寸多大合适呢，现在的浏览器分辨率参差不齐，对于Firefox等高级的浏览器，使用Background-size设置为100%即可，而IE浏览器就需要不同设置。 在Firefo ...
分类：
其他好文 时间：
2018-11-27 01:33:03
阅读次数：
215
1、设置默认格式 3、md，sm， xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么？ 同一个网页在不同的终端上呈现不同的布局等- 响应式怎么实现的？ 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - 缺点：工作量大，网页响应慢 - 优点 ...
分类：
其他好文 时间：
2018-11-25 00:06:49
阅读次数：
193
1 @font-face { 2 font-family: 'FontAwesome'; 3 font-style: normal; 4 font-weight: normal; 5 } 6 * { 7 margin: 0; 8 padding: 0; 9 } 10 body { 11 backgr... ...
分类：
其他好文 时间：
2018-11-15 21:17:46
阅读次数：
173
本项目是一个通用响应式管理后台，导入开发环境安装就能直接运行，界面也非诚漂亮，在PC端和移动端也是自适应的。非常适合企业或者个人搭建各种商城后台，博客后台，网站管理后台等。 源码启动后的截图 需要这套源码的朋友联系作者微信(同电话)：18629374628 ...
分类：
编程语言 时间：
2018-11-14 22:37:57
阅读次数：
324
