前端ABC移动端适配方案
xiaoqi 发布于 2017-04-12
响应式布局：通常用百分比来定位。 Cover布局：就跟background-size的cover属性一样，保持页面的宽高比，取宽或高之中的较小者占满屏幕，超出的内容会被隐藏。此布局适用于主要内容集中在中部，边沿无重要内容的设计。 Contain布局：同样，也跟background...
标签：移动端 第2页
判断PC or 移动端 设备 跳转不同地址
xiaoqi 发布于 2017-04-10
//判断设备执行跳转 function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad...
JS判断是PC浏览器还是手机端浏览器
xiaoqi 发布于 2017-03-27
JS判断是电脑浏览器还是手机端浏览器，并根据不同的终端跳转到不同的网址 <!DOCTYPE html> <html> <script> function browserRedirect() { var sUserAgent = navi...
移动端 滚动插件
xiaoqi 发布于 2017-03-24
做了一个仿照pc端滚动条的功能，用来解决移动端ios下 scroll卡顿的bug。 目前的参数配置只有id，考虑将高度、是否显示隐藏滑块、样式设置加进去，并且兼容到pc中去。 目前只支持touch事件，可打开chrome的移动端模式，进行操作。 <!DOCTYPE html...
前端开发总结
xiaoqi 发布于 2017-03-24
1.pc端视频回调函数 用于调用接口 function playingNotify (){ alert(‘开始播放了’) } 2.移动端视频回调函数 用于调用接口 video.addEventLisener(“playing”,fu...
JavaScript简单移动端自适应轮播图
xiaoqi 发布于 2017-03-24
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable"> ...
移动页面点击穿透问题解决方案
xiaoqi 发布于 2017-03-17
一、移动端click会有300ms延迟 移动浏览器提供一个特殊的功能：双击（double tap）放大 用户碰触页面之后，需要等待一段时间来判断是不是双击（double tap）动作，而不是立即响应单击（click），等待的这段时间大约是300ms。 移动事件提供...
手机/移动前端开发需要注意的20个要点
xiaoqi 发布于 2017-03-07
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 <meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0,...
针对移动端设置rem的问题
xiaoqi 发布于 2017-03-06
通常最简单的设置rem的方法为：body {font-size:62.5%} 【1rem=10px】 但是这种方法在用于小于0.8rem字体的时候就会设置不了 所以最好的方法还是使用JS判定 //原生 (function () { var docEl = docume...
移动端 rem js
xiaoqi 发布于 2017-03-03
个人觉得写移动端的页面的时候rem和position搭配使用很好 ， 我是按照750的尺寸来写的 所有1rem=100px 字体12*100=.12rem clientWidth / 375 是6的分辨率 大家可以在谷歌F12 看到 (function() { ...