![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 91
Hyman-ya
这个作者很懒,什么都没留下…
展开
-
移动端WEB开发之 响应式布局 Bootstrap 前端开发框架; Bootstarap 格栅系统
------------------------- 响应式开发 ------------------------1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。1. 设备划分:超小屏幕 (手机) < 768 px小屏设备 (平板) >= 768 px ~~ < 992 px中等屏幕 (桌面显示器) >= 992px ~~ <1200px宽屏设备 (大桌面显示器)>= 1200px1.2原创 2021-04-14 20:01:48 · 455 阅读 · 0 评论 -
移动WEB开发之 rem适配布局 rem单位;媒体查询;Less(CSS预处理器);flexible淘宝开发的插件
--------------------- rem 基础 ------------------1.1 rem 单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。rem的优势:父元素文字大小可能不一致, 但是整个页面只有一个html,可以很好来控制整个页面的元素大小。 /根html 为 12px原创 2021-04-14 19:28:53 · 463 阅读 · 0 评论 -
移动WEB开发之 flex布局 布局原理; 常见的父项元素;子项元素;
--------------------- flex布局 ------------------1.1 传统布局与flex布局1. 传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局2. flex 弹性布局操作方便,布局极为简单,移动端应用很广泛PC 端浏览器支持情况较差IE 11或更低版本,不支持或仅部分支持建议:如果是PC端页面布局,我们还是传统布局。如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局---------------原创 2021-04-14 18:27:12 · 352 阅读 · 0 评论 -
移动WEB开发之流式布局 移动端基础;视口设置;二倍图设置;css初始化文件;移动端特殊样式;流失布局方法
--------------------- 移动端基础 ------------------国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。总结:兼容移动端主流浏览器,处理 Webkit 内核浏览器即可。1.2 手机屏幕现状移动端设备屏幕尺寸非常多,碎片化严重。Android设备有多种分辨率:480x800, 480x854, 540x960, 720x1280,1080x1920等,还原创 2021-04-14 17:30:36 · 310 阅读 · 1 评论