首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
移动端布局
订阅
鸿泷
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
Vuejs 配合 mint-ui 开发移动端web
这是一个比较着急的事情(两天时间,写一个带视频播放、图片浏览、图文混排列表、上拉刷新、滚动刷新等等的单页),一开始同事使用传统H5+JS+CSS的方式,我担心进度,就硬着头皮上vuejs,为什么说硬着头皮上,原因是这是第二次在项目中使用vuejs,第一次使用的经历并不太好,主要…
基于react/vue的移动端终极适配方案(更新css-modules配置)
2018-4-16日更新css-modules配置,前面步骤不变,可直接跳到第七步。 移动端适配最接近完美的解决方案在react中的使用方式。本文只讲create-react-app创建的项目如何配置,具体每个插件的用途和使用方法请先查阅大漠先生的文章,我相信大漠先生的文章已经…
【基础知识】Flex-弹性布局原来如此简单!!
布局的传统解决方案是基于盒状模型,依赖 display + position + float 方式来实现,灵活性较差。2009年,W3C提出了一种新的方案-Flex,Flex是Flexible Box的缩写,意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…
[贝聊科技]网页端「应用跳转」技术实现演变
由于网页传播的便捷性,从网页向APP导流几乎是所有APP厂商都会采用的推广手段,具体来说就是在网页上提供一些触发点(例如按钮、链接),用于跳转到APP。 早期的应用跳转只能通过「URL Scheme」实现。例如通过下面这个「URL Scheme」,就可以跳转到「贝聊APP」: …
移动端自适应个人理解与收集——rem
rem——更好的适配移动端。这个单位我一直想弄个究竟,今天终于看了个差不多。看了很多的博客。心中总算有自己的想法。(还有vh,vw这里我这个小白还没有弄明白就先不写了。) 1.rem可以在html,body下设置font-size的大小,然后根据 根元素的大小来进行兑换。eg:…
移动端适配总结
1. 视口 viewport viewport 解释为中文就是‘视口’的意思,也就是浏览器中用于显示网页的区域。在 PC 端,其大小也就是浏览器可视区域的大小,所以我们也不会太关注此概念;而在移动端,绝大多数情况下 viewport 都大于浏览器可视区,保证 PC 页面在移动浏…
移动端适配问题解决方案
随着时间的发展,现在基本上人手一部手机的低头族。做为前端开发的程序猿,在开发移动端web应用的时候,对面一堆各色尺寸不一样的屏幕,就有点淡淡的忧伤。 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏幕的适配…
茴字的四种写法—移动适配方案的进化
1.什么是前端适配从UI展现层面上:我们期望不同尺寸的设备,页面可以自适应的展示或者进行等比缩放,从而在不同的尺寸的设备下看起来协调或者差不多。从代码实现层面上:我们希望前端适配可以用用尽可能简洁的代
移动前端自适应解决方案和比较
互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案: 1. 固定一个某些宽度,使用一个模式,加上少许的媒体查询方案 2. 使用 flexbox 解决方案 3. 使用百分比加媒体查询 4. 使用 rem
解读 viewport—网页自适应移动 app 神器
写在前面:viewport 指的是是用户网页的可视区域,查了许久,遗憾的是近一两年几乎没有高质量的解析 viewport 的文章,本文内容是参考大牛,对内容进行了重新排版,以及对重点内容进行标注、精简,加上些许的个人理解形成的。有兴趣的朋友,可以参考一下。