手机端页面在项目中遇到的一些问题及解决办法

手机端页面在项目中遇到的一些问题及解决办法
解决页面使用overflow: scroll在iOS上滑动卡顿的问题?ios页面橡皮弹回效果遮挡页面选项卡?Ios键盘换行变为搜索?

移动前端自适应适配方法总结

所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。

移动设备强制横屏显示以及兼容问题

移动设备强制横屏显示以及兼容问题
在移动设备中,有一些H5由于需要用户横屏查看的,常见的做法是检测屏幕方向,然后提示用户旋转屏幕查看,这样子虽然可以,但如果用户是固定了屏幕的,那么体验就比较差了,本文分享让页面一进来就强制横屏方向显示的代码及遇到的问题解决方法。

判断移动设备的横屏和竖屏最佳方案

判断移动设备的横屏和竖屏最佳方案
之前写的文章:使用JavaScript判断手机是处于横屏还是竖屏,最近的一个项目需要判断这个,但在chrome的调试模式中发现横屏和竖屏使用上面的代码并不能检测到,所以我认真做了一些了解,本文分享一个合适的代码来判断横屏和竖屏。

移动端开发需要加的meta

移动端开发需要加的meta和常用的CSS3媒体查询样式,移动开发中头部要加的一些常用meta。

移动web缓存介绍

移动web缓存介绍
H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。

移动开发前线

第一时间传递移动开发最新干货内容,与时代保持同步,消除信息焦虑。

移动端 Touch 事件介绍

本文主要介绍 TouchEvent 相关的一些对象与属性如 Touch, TouchList, touhces, targetTouches 等,以及使用的注意点和误区。 触摸事件有以下几种类型:touchstart,touchmove,t ...

Rem自适应js之精简版flexible.js

Rem自适应js之精简版flexible.js
rem自适应js代码,根据淘宝的flexible库优化而来的,使用计算方式上比原来的更加方便,添加这段代码在页面中,你就能愉快的使用rem实现自适应了。

移动端1px的边框

手机端给了1px的横线,出来后要粗得多,这是为什么? 1px能在手机浏览器里表现出来吗,貌似1px在手机浏览器上经常会变成2px,经常有人发现这样的问题,那是因为高清Retina屏的移动设备1像素变成2像素。