概念 响应式布局，就是响应式设计方案的呈现。具体点就是在不同的设备上，网页能自动识别屏幕宽度、并根据设备的显示面积（一般情况下是指的屏幕宽度，当然，也可以是其他的，可以在下面详细解释）显示出不同的效果。通俗点就是设计一套布局，在PC端和移动端都可以使用。 如何实现响应式布局？ 通俗的有三种方法 1、 ...
分类：
其他好文 时间：
2018-02-03 19:59:36
阅读次数：
167
本文来自前端大神的整理，主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。 CSS 基础知识 下面几个入门教程不错： 幕课网 – HTML+CSS基础课程：偏基础，可以在线练 ...
分类：
Web程序 时间：
2018-01-25 16:52:37
阅读次数：
559
先说说做的这个校园导航系统值得一提的内容： 1. 二级菜单栏 、iframe内嵌窗口（样式设计、用hover做效果） 2. 高德地图API （自定义底图样式、弹跳点、信息窗体、线路导航） 3. DOM里的函数getElementById(); （看了《JS DOM编程艺术》） 4. 返回顶部 JS实 ...
分类：
Web程序 时间：
2018-01-23 11:01:57
阅读次数：
213
特点：手机，ipad，PC 所有的终端设备上完美展示； 核心点： //PC端样式调整 @media screen and (max-width: 1024px){ } //平板的宽度 @media screen and (max-width: 980px){ } @media screen and ...
分类：
其他好文 时间：
2018-01-20 00:18:55
阅读次数：
199
上一节传送门《HTML5+CSS3响应式设计（一）》 设置 viewport meta标签后，任何浏览器都不再缩放页面了，这一节我们可以针对不同视口来修正设计效果。 一、我们用一个ipad（1024*768）来说明这一点 上一节中我们的页面是960px宽度，我们ipad如果是横屏显示1024px，页 ...
分类：
Web程序 时间：
2018-01-18 13:37:43
阅读次数：
226
Bootstrap 特性：前端样式框架 依赖于JQuery ie9以上浏览器 前端框架 响应式设计 栅格布局 完整的类库 JQuery工具 专门开发工具Jetsrap bootstrap最新手册：http://www.jqhtml.com/bootstraps-syntaxhigh/index.ht ...
分类：
其他好文 时间：
2018-01-03 11:42:41
阅读次数：
166
CSS Media Queries#element { background-image: url('hires.png'); }@media only screen and (min-device-pixel-ratio: 2) { #element { background-image: url ...
分类：
移动开发 时间：
2017-12-26 16:07:12
阅读次数：
228
响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠 ...
分类：
其他好文 时间：
2017-11-18 17:28:09
阅读次数：
156
分手机端和PC端其实方法很多，我们在响应式设计、响应式网站建设中经常碰到此类需求。下面说说我们在项目中遇到的需求： 手机端和PC端分别加载不同的js客服代码（注意：是要在PC和手机端分别加载不同的js文件） 第一种方法（简单型）： <script type="text/javascript"> // ...
分类：
移动开发 时间：
2017-11-14 11:29:19
阅读次数：
200
一、响应式设计需要解决的问题是什么？ 针对目前大家常见的固定布局、自适应布局都是一种反应迟钝的web设计，当Web页面需要在各种显示屏显示时，他们就显得力不从心了。因此，我们就需要相应设计。 优势： 一个页面适应各种显示屏； 具有良好的SEO； 较大缩短开发周期； 给用户更多的选择，更好的用户体验； ...
分类：
其他好文 时间：
2017-11-02 16:11:27
阅读次数：
133
