响应式布局 为不同的终端提供适合的网页布局，给用户更好的体验。一个网站能够兼容多 个终端。适应不同分辨率屏幕。 移动设备优先<meta name="viewport" content="width=device-width, initial-scale=1"> initial-scale指令指定用户
分类：
其他好文 时间：
2016-03-13 06:09:38
阅读次数：
130
在这篇文章中，我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西，请分享给我们。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。 1.Bootstrap 这是一
分类：
其他好文 时间：
2016-03-01 14:25:58
阅读次数：
158
媒体查询可以根据设备显示器特性设定CSS样式。 媒体查询语法： 1、写在样式里:@media 条件 @media screen and (max-width: 550px){ /*样式*/ } 2、写在link标签里 <link rel="stylesheet" media="screen and
分类：
其他好文 时间：
2016-02-27 15:03:46
阅读次数：
120
网站就必须用响应式布局吗？MVC视图展现模式之移动布局：http://www.cnblogs.com/dunitian/p/5213787.html 有人会疑问，为什么他能识别.mobile的后缀却不能识别例如：.mac .dnt 等等后缀呢？这些又是放在哪里的呢？ mobile 这个后缀其实是存放
分类：
移动开发 时间：
2016-02-25 22:51:02
阅读次数：
310
本文先引入给读者一个自己研究的机会，下次深入说明一下： 废话不多说，直接上图 新建一个mvc的项目 在视图里面添加一个移动端视图 正常访问一下 Bootstrap自带的响应式的方式（页面代码并没有改变） 我们来模拟一下移动端访问： 谷歌或者火狐借助：user-agent switcher 深入的部分
分类：
移动开发 时间：
2016-02-24 19:00:07
阅读次数：
209
大家能够通过table来设置居中： display: table; width: auto; margin-left: auto; margin-right: auto;
分类：
其他好文 时间：
2016-02-22 17:28:42
阅读次数：
131
<img src="..." class="img-responsive" alt="响应式图像"> 通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对响应式布局的支持更友好。 接下来让我们看下这个 class 包含了哪些 css 属性。 在下面的代码中，
分类：
其他好文 时间：
2016-02-16 20:42:10
阅读次数：
296
学习前端的同学都知道，前端需要调试各种不同的浏览器以及浏览器的兼容性，以使ui展示的效果在浏览器中最大程度上接近活相似。但是我们常常遇到各种各样的bug.比如，明明设置了元素的高度，但是设置下一个元素的位置的时候，元素的位置就是错乱的。 时下比较流行的，瀑布流啊，响应式布局啊，第三方库啊（boots
分类：
其他好文 时间：
2016-02-15 09:19:20
阅读次数：
170
文/腾讯 莫振中 移动端web开发相对于PC端web开发，我们可以庆幸不用兼容那么多浏览器了，但是随之而来的却是各种屏幕尺寸的适配，个人觉得，比PC端还要费精力。在使用了腾讯优测进行软件测试后，问题得到了有效解决。 响应式布局 简而言之，就是页面元素的位置随着屏幕尺寸的变化而变化，通常会用百分比来定
分类：
移动开发 时间：
2016-01-28 15:25:15
阅读次数：
226
一、框架与组件?bootstrap等UI框架设计与实现伸缩布局：grid网格布局基础UI样式：元素reset、按钮、图片、菜单、表单组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告响应式布局：布局、结构、样式、媒体、javascript...
分类：
其他好文 时间：
2016-01-27 23:16:48
阅读次数：
522
