![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端开发
文章平均质量分 94
MichstaBe-IMUT
一条菜狗罢了
展开
-
移动端WEB开发 响应式布局
响应式开发响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。<style> .container { height: 150px; background-color: pink; margin: 0 auto; } /* 1. 超小屏幕下 小于 768 布局容器的宽度为 100% */ @原创 2021-03-20 14:32:30 · 367 阅读 · 0 评论 -
移动WEB开发 rem适配布局
rem基础rem 单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。 <style> div { font-size: 12px; } p { width: 10em; /*120px*/ height: 10em;原创 2021-03-19 20:20:07 · 285 阅读 · 0 评论 -
移动WEB开发 flex布局
flex布局传统布局 兼容性好 布局繁琐 局限性,不能再移动端很好的布局flex 弹性布局 操作方便,布局极为简单,移动端应用很广泛 PC 端浏览器支持情况较差 IE 11或更低版本,不支持或仅部分支持flex布局体验<style> span { width: 300px; height: 100px; background-color: green;原创 2021-03-19 13:33:41 · 310 阅读 · 0 评论 -
移动web开发 流式布局
流式布局移动端基础PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,以及其他杂牌浏览器。国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。手机屏幕现状原创 2021-03-18 20:27:23 · 232 阅读 · 0 评论