- 博客(6)
- 收藏
- 关注
RSS订阅原创 移动开发-两栏自适应
左边固定，右边自适应的3种总结:左边左浮动，右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;}左边左浮动，右边加个margin-left; #lt{ float: left; width:200px; backgr...
2018-07-16 09:43:13
344
原创 移动开发-bootstrap
编码规范1.1 HTML约定在head中引入必要的CSS文件，优先引用第三方的CSS，方便我们自己的样式覆盖。在body末尾引入必要的JS文件， 优先引用第三方的JS， 注意JS文件之间的依赖关系， 比如bootstrap.js依赖jQuery， 那就应该先引用jquery.js 然后引用bootstrap.js。1.2CSS约定除了公共级别样式，其余样式全...
2018-07-16 09:42:15
3093
原创 移动开发-rem适配问题
浏览器默认的字体大小一般是16px,但是可以自己设置。 em 基于父元素的字体大小 rem的大小是基于html字体的大小1、px和em的区别？px像素（pixel）——px像素是相对于显示器屏幕分辨率em相对于当前对象内文本的字体尺寸。如果当前对象内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，任意浏览器的默认字体高都是16px。 IE无法...
2018-07-16 09:39:16
434
原创 移动开发-媒体查询
CSS3中的Media Query（媒介查询）通过查询screen的宽度来指定某个宽度区间的网页布局。 超小屏幕（移动设备） 768px以下 小屏设备 768px-992px 中等屏幕 992px-1200px 宽屏设备 1200px以上 媒体类型将不同的终端设备划分为不同的类型，称为媒体类型s...
2018-07-16 09:38:30
631
原创 移动开发-屏幕适配
视口（viewport）是用来约束网站中最顶级元素html的，即它决定了html的大小。1、 PC端viewportPC设备上，viewport的大小取决于浏览器窗口的大小，以CSS像素作为度量单位。获取viewport的大小(即浏览器可视区域)：document.documentElement.clientWidth;document.documentElement.cli...
2018-07-16 09:37:47
289
原创 移动开发-01
移动开发包括：原生APP，混合APP，webApp移动端开发和pc端开发有什么不同？移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。屏幕和分辨率屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸度量）分辨率一般用像素来度量，表示屏幕水平和垂直方向的像素数，PC端常见1366*768。移动端多种，比如960*640.长度单位绝...
2018-07-16 09:37:05
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人