![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
移动端
文章平均质量分 95
移动端布局以及技术学习记录
快乐水续航
降低期待,就是减少失望的最好方法.
展开
-
移动端适配
移动端适配媒体查询rem01. 媒体查询作用:感受到屏幕的变化;可以根据屏幕不同的宽,从而获得不同的样式,然后实现不同的样式显示;1. CSS3 新语法,是一个查询屏幕的过程,通过查询当前屏幕尺寸属于哪个范围,从而有哪个范围的样式生效;2. 感受屏幕变化,屏幕变化就是宽度的变化,通过预设置,当屏幕到了我已经预设置的变化的范围,就会把我提前设置好的样式进行生效;语法:CSS样式:/*mediatype 查询类型:-----------------all 所有设备原创 2022-04-07 20:00:19 · 65 阅读 · 0 评论 -
【移动端】Flex+vw进行布局
移动端页面demo1. 项目介绍项目共包含三个页面首页设备页我的 每个页面都有一个公共的底部Tab,由于我们还没有讲到Vue和路由,所以这里不做成SPA(单页应用),而是把footer放到每一个页面中。这是一个移动端项目,为了适应移动端设备,需要首先自适应的布局,布局方式,主要使用了flex弹性盒和vw作为单位。项目开发分为两个阶段,第一阶段,实现页面布局,第二阶段,通过jQuery的ajax,请求数据,然后使用art-template模板引擎渲染。2. 页面布局实现2.1单原创 2022-04-07 19:56:22 · 1008 阅读 · 0 评论