架之前,我们先对1.允许网页宽度自动调整 "自适应网页设计”到底是做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 <meta name="viewport" content="width=device-width, initial-scale=1" /> viewpo ...
分类:
Web程序 时间:
2017-06-27 17:00:52
阅读次数:
215
响应式文档设计三种方法: 1、采用float浮动 CSS部分 重点: 2、@media媒体查询 HTML部分 (1)添加文档描述,设置文档不可缩放 (2)为不同宽度的媒介设置CSS(宽度,字体,图片) 3、Bootstrap响应式框架 (1)引入Bootstrap框架 (2)HTML部分 (3)CS ...
分类:
其他好文 时间:
2017-05-16 17:29:47
阅读次数:
192
提到响应式,就不得不提两个响应式框架——bootstrap和foundation。今天给大家介绍的是foundation框架。 何为“尝鲜”?就是带大伙初步了解一下foundation的灵活和强大; 何为“踩坑”?就是我把我使用的时候踩过的坑给标个记号,这样大伙用的时候就可以“绕道而行“啦! ...
分类:
其他好文 时间:
2017-04-29 17:29:16
阅读次数:
199
最近一直在研究bootstrap这东西,确实是个好的框架,但是诸多优势背后也隐藏着一些不好的地方,对此,我把它和另一套响应式框架jquery mobile做了一下对比,我的总结如下: 1、bootstrap的class类定义杂乱,没有统一的格式,在比较复杂的页面中,容易产生覆盖和冲突,而jquery ...
分类:
Web程序 时间:
2016-07-31 11:36:50
阅读次数:
142
响应式编程越来越符合现在的数据为核心的开发思路。所以,在去年,响应式也越来越火,从RxJava到React(支持了响应式)。如今,为了满足更多开发者的需求,Google也推出了自己的响应式框架——Agera。 我之前从来没有进行过相关的开发,Agera算是第一次接触响应式开发,虽说它是一种新的开发思 ...
分类:
其他好文 时间:
2016-04-27 00:20:27
阅读次数:
463
最近在用bootstrap开发网站,在处理一张table的时候发现,通过PC端查看样式正常,在手机上查看时,因为屏幕小,表格被压缩的厉害,表头和数据变形如下图 后来网上找了一下,发现一个好用的CSS属性,加上就可以解决该问题 style="word-break: keep-all" 在此记录一下。 ...
分类:
其他好文 时间:
2016-04-26 10:51:06
阅读次数:
157
1.了解不同版本的特性包括IDE的。如:AsyncTask3.0之后和之前的区别、Android 5.0的新的API、Android 6.0 不能用HttpClient 、AS2.0的新特性 等等。2.掌握热门技术并了解其原理。如:RxJava(响应式框架)、Retrofit(请求框架可以配合RxJava)、MVP(开发模式) hotfix(热修复)等等。3.掌握测试工具(因为懂得测试查看才能更好...
分类:
移动开发 时间:
2015-12-30 17:33:56
阅读次数:
183
HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码。如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计、跨浏览器兼容、相对轻量级等特点,这些框架在开发中都十分流行。如果你也对HTML5框架感兴趣,你可以看看下面我列出的一些最佳的响应式HTML5框架,帮助你快...
分类:
其他好文 时间:
2015-10-14 11:59:33
阅读次数:
238
学习响应式网站设计已经持续了一段时间,对sass,less,compass,grunt等等有了整体上的了解认识,但是由于产品的不可预知性,以及前端要求使用sass语言而且不适用bootstrap,所以很多现有的响应式框架如Bootstrap,Golden Grid system,less Frame...
分类:
其他好文 时间:
2015-05-04 19:45:18
阅读次数:
179