一、基础 一、基础 在css中，大多数标签都是默认属性，需要对其进行初始化，比如＊｛padding:0;margin:0;｝在移动端布局时要采用响应式，响应式布局通常有两种方法，一是通过百分比控制，二十使用使用弹性盒子（flex）一、写法，分组和嵌套对于有相同属性的元素，可以使用分组的形式h1{co ...
分类：
Web程序 时间：
2016-07-19 13:23:47
阅读次数：
236
做页面时我们常常遇到一个问题，做响应式布局时断点应该设在哪里？难道要对着各种设备尺寸一个一个地调？这得调到猴年马月。 当然，我们能想到这个问题，各大框架也会考虑到这点，而且只会得考虑得更周到。这时候我们只需要打开一些做得比较好的前端框架，查看下它关于响应式的源代码就可以找到我们想要的答案。 而我参考 ...
分类：
其他好文 时间：
2016-07-18 12:40:15
阅读次数：
195
响应式设计 响应式设计可根据所显示的屏幕大小而改变, 它呈现的每个屏幕看起来并不相同。按照可用的屏幕属性，响应式设计提供了 UI 的最佳效果。 例如，如果网站布局上有一个占据 25% 的屏幕宽度的侧边栏，那么该侧边栏在不同大小的屏幕上的呈现是不同的。该侧边栏在较大的桌面监控器上是宽屏的，在较小的 智 ...
分类：
Web程序 时间：
2016-07-14 10:11:41
阅读次数：
504
媒体查询如何适配不同设备？css3的新特性响应式布局，通过@media screen and (min-width: ) and (max-width: ) {}；来实现页面的响应式设计，来适应不同的终端。需在头部添加：<meta name="viewport" content="width=dev ...
分类：
其他好文 时间：
2016-07-14 01:51:00
阅读次数：
102
本文为H5EDU机构官方的HTML5培训教程bootstrap教程（一）。1.Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目。
2.bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：
下拉菜单..
分类：
其他好文 时间：
2016-07-13 23:33:50
阅读次数：
144
@media screen and (min-width: 960px){ .heading, .container, .footing{ width: 960px; } .left, .main, .right{ float: left; height: 500px; } .left, .righ ...
分类：
其他好文 时间：
2016-07-13 19:58:39
阅读次数：
385
响应式布局 给大家分享下我做的一个简单的响应式的布局： 第一张图与第二张图都是在PC端时，适用不同大小浏览器页面，代码展示如下： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> p{ font ...
分类：
其他好文 时间：
2016-07-13 13:55:23
阅读次数：
215
Bootstrap禁用响应式布局 Bootstrap禁用响应式布局 在Bootstrap中极其重要的一个技术内容便是响应式布局了，一次编码针对不同设备终端的强大能力使得响应式技术愈发流行。 不过正所谓“萝卜青菜各有所爱”，如果你想要使用Bootstrap开发自己的项目却又恰巧不太喜欢响应式布局（或者 ...
分类：
其他好文 时间：
2016-07-11 18:41:11
阅读次数：
189
关于前端对话框、消息框的优秀插件多不胜数。造轮子是为了更好的使用轮子，并不是说自己造的轮子肯定好。所以，这个博客系统基本上都是自己实现的，包括日志记录、响应式布局等等一些本可以使用插件的。好了，废话不多时。我们来实现自己的对话框和消息框。 ...
分类：
Web程序 时间：
2016-07-11 09:12:23
阅读次数：
391
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 最近几年来,越来越多的智能移动设备（ mobile, tablet device ）加入到互联网中来，移动互 ...
分类：
其他好文 时间：
2016-07-09 20:52:57
阅读次数：
210
