bootstrap是一款依赖于jquery开发的一款响应式网页布局的插件，可以针对不同的屏幕尺寸调整你的页面，使其在个尺寸屏幕上表现良好。 从bootstrap官方网站来看，bootstrap主要有下面几部分组成： CSS——Bootstrap为我们预实现了很多CSS样式。包括一些图片以及网站的响应 ...
分类：
Web程序 时间：
2017-03-19 23:44:40
阅读次数：
188
媒体查询 1、媒体类型 其中media后面的那个单词是媒体类型 all所有媒体类型（默认，可以不写），screen屏幕，这两个是最常用的。 2、逻辑操作符 媒体查询的意思就是后面这个逻辑表达式为真，里面的css起作用。 中间and是逻辑操作符 and 与 都为真才真 or或逗号 有一个真就为真 no ...
分类：
Web程序 时间：
2017-02-24 12:12:22
阅读次数：
213
1 – 布局 当创建一个响应式网站，或让现有的网站变成响应式的，首先要关注的元素的布局。我在建立响应式的网站，总是先创建一个非响应的布局，页面宽度固定大小。如果非响应版本完成得非常不错，我再添加媒体查询（Media Queries）和响应式代码。这种操作方式更容易实现响应式特性，在同一时间专注于一个 ...
分类：
Web程序 时间：
2017-02-20 15:06:02
阅读次数：
541
面对日新月异的互联网时代，层出不穷的技术逐渐出现。用户浏览网站的体验需求变得更加苛刻。对于以前来讲，做网站只要把PC端做好就可以了，但是对于现在上网的设备种类繁多，越来越多用户使用移动端来进行上网。面对移动端不同屏幕分辨率的设备，响应式设计是网站建设当之无愧的标准配置。为什么越来越多人都采用响应式设 ...
分类：
Web程序 时间：
2017-01-03 15:39:59
阅读次数：
339
移动设备 viewport：能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。 大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。 WebApp全屏模式： ...
分类：
Web程序 时间：
2016-12-19 13:59:28
阅读次数：
274
ResponsiveWebDesignTester方便快捷的测试响应式网站的小工具WindowResizer模拟不同屏幕分辨率的工具PageRuler绘制页面的分割线，帮助来调整和控制页面中的元素Dimensions一个帮助设计师控制屏幕尺寸的工具ColorZilla提供了颜色选择器，渐变生成器及其其它高级功能的插件WhatFo..
分类：
Web程序 时间：
2016-11-24 12:08:54
阅读次数：
209
原文：How To Write Mobile-first CSS 作者： 译者：huansky 构建响应式网站是今天前端开发人员必备的技能。 当我们谈论响应式网站时，移动优先这个词立刻就会浮现。 我们知道从移动优先的角度设计的重要性。 不幸的是，关于移动优先的配置方法很少提及。 今天，我想和大家分享 ...
分类：
移动开发 时间：
2016-11-24 06:49:00
阅读次数：
239
如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。 1 – 布局 当创建一个响应式网站，或让现有 ...
分类：
Web程序 时间：
2016-11-04 01:09:01
阅读次数：
331
一.什么是响应式设计 在现今市场上的所有媒体设备上，你的网站都能正确的工作，并有良好的显示效果。 二.创建响应式网站有哪些方面 1.HTML 使用HTML5标记，文档类型声明和初始缩放比，最大缩放比等等，具有清晰和语义化的HTML。 2.CSS 嵌入式样式，注意层叠的作用方式和元素继承规则。 盒模型 ...
分类：
其他好文 时间：
2016-10-03 19:11:36
阅读次数：
137
Adaptive website（自适应网站） 应对在浏览器的宽度变化不调整网页元素的位置，缩放网页元素，以适应在可用空间。 Responsive website （响应式网站） 应对在浏览器的宽度变化通过调整网页元素的位置，以适应在可用空间。 PS：真不知道为什么很多人都把自适应网站与响应式网站混 ...
分类：
Web程序 时间：
2016-09-30 20:49:55
阅读次数：
146
