51Dev开发社区
登录 注册

#移动端

移动端页面模板
<!DOCTYPEhtml><htmllang="en"><head><title>淘宝网触屏版</title><metacharset="utf-8"><metaname="viewport"content="initial-scale=1...
代码星球 ·2020-06-28

移动端bug总结
1.移动端按钮点击蓝框去除button,input[type="button"]{outline:none;}2.position:fixed在transform元素下变成position:absolute父元素（祖先元素）中的 transform属性会导致其下的子元素position:fixed变成posi...
代码星球 ·2020-06-28

移动端弹出层滚动穿透问题总结
移动端弹出层(简称layer)时，层内有大量文字需要滚动，但是背景层(简称body)会随着layer的滚动而滚动，用户体验较差。参考了网上的一些资料，总结解决方案如下：.scrollFix{　　height:100%;　　overflow:hidden;　　position:relative;}.scrollFixbo...
代码星球 ·2020-06-28

移动端总结(更新)
1.字体font-family:"HelveticaNeue",Helvetica,STHeiTi,sans-serif;font-family:'HelveticaNeue',Helvetica,Arial,'MicrosoftYahei',sans-seriffont-family:'HelveticaNeue',...
代码星球 ·2020-06-28

JS弹出层制作，以及移动端禁止弹出层下内容滚动，overflow:hidden移动端失效问题
HTML<divclass="layer"><divclass="menu-list"><span>社会</span><span>历史</span><span>军事</span><span>娱乐</span...
代码星球 ·2020-06-27

移动端触摸touchstart监听事件
click、mousedown等事件适用于PC端，在移动端会有一定时间的延迟，所以更好的优化移动端体验，要用touch事件,1、首先要添加一个监听事件，监听移动端行为element.addEventListener(event,function,useCapture)我这里是针对浏览器行为，所以监听事件为//添加触摸监...
代码星球 ·2020-06-27

JS动态判断设备类型为PC或者移动端，然后根据设备加载相应的代码
这里是通过JS判断设备之后加载相应的网站，如果是移动端加载m开头的网站域名，如果是PC端就加载www.开头的正式域名<script>(function(){varurl=location.href;console.log(url)if((url.indexOf('www.zhm365.com')!=-1)&...
代码星球 ·2020-06-27

有了这套flexible.js 移动端自适应方案，你就能在移动端的来去自如， (*^__^*)
 github地址：https://github.com/amfe/lib-flexible官方文档地址：https://github.com/amfe/article/issues/17本文中有部分内容引至上面这个文档。（一），引用方式1，引用cdn地址<scriptsrc="http://g.tbc...
代码星球 ·2020-06-27

细说移动端 经典的REM布局 与 新秀VW布局
和以往一样，本次项目也放到了Github中，欢迎围观star~ 1.前言2.基本概念3.REM布局4.VW布局　实现单边边框1px　实现多边边框1px  实现边框圆角　实现容器固定纵横比5.REM+VW布局6.对比选择  方案选择  食用方式&nbs...
代码星球 ·2020-06-16

移动端手势库Hammer.js学习
感觉移动端原生支持的 touch、tap、swipe 几个事件好像还不够用，某些时候还会用到诸如缩放、长按等其他功能。近日学习了一个手势库 Hammer.js，它是一个轻量级的触屏设备手势库，能识别出常见的触摸、拖动、长按、缩放等行为。 依照 官方文档，开始学习吧&nb...
代码星球 ·2020-06-16

移动端前端常见的触摸相关事件touch、tap、swipe等整理
前端的很多事件在PC端和浏览器端可公用，但有些事件却只在移动端产生，如触摸相关的事件本文整理了移动端常见的一些事件，包括原生支持的click、touch、tap、swipe事件，也有定义型的gesture手势事件（目前只是一个概念，使用的时候需封装模拟）使用到的是移动端的Chrome浏览器，本文只对该浏览器进行调试，其...
代码星球 ·2020-06-16

移动端样式小技巧
平时在移动端开发拼页面的过程中总会遇到一些问题，主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧，希望对看官有所帮助！ 本文只针对两大手机阵营Android和IOS中的魅蓝metal和iPhone6进行样式对比。 一、line-height line-h...
代码星球 ·2020-06-14

JS 判断用户设备 移动端或桌面端
if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge|maemo|midp|m...
代码星球 ·2020-06-13

最简单的基于FFmpeg的移动端样例：IOS 视频解码器
=====================================================最简单的基于FFmpeg的移动端样例系列文章列表：最简单的基于FFmpeg的移动端样例：AndroidHelloWorld最简单的基于FFmpeg的移动端样例：Android视频解码器最简单的基于FFmpeg的移动...
代码星球 ·2020-05-25

vue移动端弹框组件
最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！　　一、npm 安装// 当前最新版本 1.2.0 ...
代码星球 ·2020-05-25
首页上一页...7891011...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他