博客专栏  >  前端   >  移动Web开发实战

移动Web开发实战

本专栏包括(但不限于)移动Web开发上遇到的问题以及解决方案,致力于让H5页面在移动设备上完美呈现,探索优雅的人机交互操作。

关注
8 已关注
15篇博文
  • 移动Web开发实战专栏总结(PPT分享)

    以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。 写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 ...

    2018-06-25 16:46
    108
  • 单屏(全屏)适配解决方案(jQuery插件)

    背景 在平时的web开发过程中,经常会要实现单屏或者叫全屏的效果,同时要满足设备适配要求,虽然一些常见的插件能实现一定的效果,但是如果需要灵活运用的话还是会受到很多限制,在不断的实践过程中,我们梳理...

    2018-05-17 13:27
    310
  • 移动Web开发实战-横竖屏适配

    概述 在我们平时的移动Web页面开发过程中,经常会遇到需要横竖屏处理的情况。一般情况下我会项目实际情况,比如页面一般打开的情景是横屏还是竖屏,项目是否需要增加横竖屏适配,页面结构是否复杂等。 ...

    2018-03-24 12:33
    443
  • 移动Web开发基础-利用VW单位适配布局

    前言 前面我们分享 移动Web开发基础-rem布局 的时候提到了两个方案。方案的最终目的都是为了形成一个“流单位”。 方案一是通过媒体查询给html设置font-size,密集的断点设置形成“流单...

    2017-12-06 12:51
    2678
  • 移动Web开发基础-flex弹性布局(兼容写法)

    前言 前面我们已经分享过一篇 移动Web开发基础-百分比+flex布局方案 只是大概讲了下这种布局适配方案的思路,后面我们也通过分享 移动Web开发基础-比例盒子 让大家对百分比布局中比较常用的等比...

    2017-12-01 18:47
    1066
  • 移动Web开发基础-flexible布局方案

    概述前面我们已经已经了解了两种基本的布局方案,移动Web开发基础-百分比+flex布局方案 和 移动Web开发基础-rem布局,其中rem布局方案和我们今天要了解的flexible布局方案是有关系的,...

    2017-11-19 14:55
    497
  • rem布局在webview中页面错乱

    上一篇我分享了 rem布局加载闪烁问题,这个问题也是在rem布局经常遇到而且还比较好解决的问题。但是!注意,这里但是哈!(一般但是都要搞事情)你有没有遇到过如下这种问题(页面错乱):查看代码,html...

    2017-09-14 00:38
    1484
  • rem布局加载闪烁问题

    先上体验地址:http://jiguang.qq.com/jiguang_app/kapian/html/card-query.html?from=singlemessage扫描二维码:问题rem布局...

    2017-09-11 22:25
    2036
  • 移动Web开发基础-rem布局

    前言在了解了基本的布局方案 移动Web开发基础-百分比+flex布局方案 之后,我们来了解下利用rem这个css单位来布局的方案。 其实不管哪种方案,最终的目的都是为了适配不同设备尺寸的屏幕显示。基...

    2017-11-15 13:07
    1193
  • 移动Web开发基础-比例盒子

    前言上篇在移动Web开发基础-百分比+flex布局方案中说到了比例盒子的实现,因为在移动端,需要适应各种屏幕宽度的设备,所以我们的图片以及其他一些元素需要根据屏幕宽度自适应的等比例缩放,这里就需要用到...

    2017-11-13 21:05
    423
  • 移动Web开发基础-百分比+flex布局方案

    前言移动端适配是一个非常繁琐的问题,当然,只要掌握了一些基础的布局方式之后,适配问题也不再是大问题。其实也没有非常死板的适配方案,一般实际开发过程中也是根据项目实际情况采取不同的适配方案或者混合使用几...

    2017-11-06 19:50
    658
  • 移动Web开发基础-reset样式

    详细分解1、禁止ios和android用户选中文字.css{-webkit-user-select:none;}2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片.css{-...

    2017-09-26 09:56
    256
  • 移动Web开发基础-meta锦集

    什么是metaMeta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。Meta : 即 元数据(Metadata)是数据...

    2017-09-24 15:31
    261
  • 移动Web开发基础-Viewport

    导语:移动Web开发自然要从Viewport说起,那什么是Viewport呢?字面意思为视图窗口,在移动设备上就是指用来显示页面的那部分区域。 用移动设备来访问没有做特殊处理的PC页面,移动...

    2017-09-23 21:24
    436
  • 从零开始学习移动端Web开发

    背景 近年来,随着智能手机的普及,移动端开发受到了异常的关注。从传统的安卓、IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧。本文旨...

    2017-05-11 13:19
    19272
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部