移动端主题的文章列表，还有移动端的技术要点_第8页

移动端活动榜单链接，有需要的可以进来看看拉

我做的移动端的活动榜单链接，各式各样的都有哦！！！万圣节活动链接双11活动链接靓号派送活动链接礼物评选的链接冰雪节活动链接百日活动最佳聊天室活动链接百日最佳CV活动链接百日最佳歌手链接跨年歌友会（这个贼漂亮哦）　　　　　　　　　　　　　　...

代码星球 ·2020-08-02

移动端rem适配布局

dome如下：<!doctypehtml><html><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=...

代码星球 ·2020-08-02

使用模拟器调试移动端

一. 使用weinre等代理服务器1.安装需要Node.js平台,先安装好后,打开Node.jscommandprompt,通过NPM来安装weinrenpm-ginstallweinre 2.启动安装完...

代码星球 ·2020-08-01

移动端小坑：用户长按H5文字出现复制

禁止复制方法：*{-webkit-user-select:none;/*禁用手机浏览器的用户选择功能*/-moz-user-select:none;-webkit-touch-callout:none;-ms-user-select:none;/*IE10*/user-select:none;}input,textar...

代码星球 ·2020-08-01

HTML5 移动端的上下左右滑动问题

在移动端页面上，如果要实现【顶部轮播，手指触摸左右滑动】我的方案是，通过监听滑动，阻止默认事件来完成div.addEventListener('touchmove',function(event){event.preventDefault();//阻止浏览器的默认事件})　　这样，左右滑动可以完成了，但是触摸这个div...

代码星球 ·2020-07-24

HTML 5 Audio/Video DOM canplaythrough 事件在移动端遇到的坑

canplaythrough事件定义和用法当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频时，会发生canplaythrough事件。当音频/视频处于加载过程中时，会依次发生以下事件：loadstartdurationchangeloadedmetadataloadeddataprogresscanp...

代码星球 ·2020-07-24

webapp新体验Rem实现移动端网页适配详解资源

　　本来想写一篇，webapp使用Rem的问题，查了一下相关rem的介绍之后，发现很多平台已经解释的很清楚了，图文并茂，于是我便想将其解释资源整理一些，方便以后自己查阅。　　　腾讯ISUX：webapp变革之rem(解释的最精辟了)　　　大漠博客：CSS3的REM设置字体大小　　　　小黑成长录：关于webapp中的文字...

代码星球 ·2020-07-24

移动端一像素解决方案

@charset"utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-to...

代码星球 ·2020-07-14

移动端测试之：多段同屏

browser-sync1.安装cnpmi-gbrowser-sync2.运行在你的文件所在目录，browser-syncstart--serverbrowser-syncinit修改files server ...

代码星球 ·2020-07-14

移动端1px细线解决方案总结

一、移动端1px变粗的原因　　为什么移动端css里面写了1px,实际看起来比1px粗，其实原因很好理解：这个px的含义是不一样的。移动端html的header总会有一句<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum...

代码星球 ·2020-07-14

echarts移动端字体模糊解决方法

echarts使用canvas画图，在移动端使用rem时候，若viewport的scale被缩放，则字体会发生模糊，本人采用的解决方法是在不同的dpr下使用不同的字体大小，具体代码如下：获取字体大小，实测在主流手机上效果尚可：functionfGetChartFontSize(){constdpr=window.dev...

代码星球 ·2020-06-28

移动端点透问题及其解决方案

1.点透场景层A覆盖在层B上面，常见的有对话框等，层A用touchstart或者tap(zepto)事件点击进行隐藏或者移开，由于click晚于touchstart，超过300ms，当层A隐藏后，click到的是下面的层B，此时层B的click事件会触发，或者其上的a链接会跳转，input，select会调起键盘。ze...

代码星球 ·2020-06-28

移动端键盘遮挡问题

输入框focus后，键盘弹起会遮挡住输入框，解决方法有如下几种：1.找到元素的顶部位置，页面滚动到元素顶部位置(有时页面高度不足，可能要添加padding-bottom，以保证页面滚动到指定元素后，用户能手动滑动到其他位置，可以使用click事件或focus和blur事件，来控制和解除行为)zeptothis.$el....

代码星球 ·2020-06-28

移动端经验总结(持续更新)

1.字体灰度平滑，抗锯齿(ios,macOS有效，windows无效) -webkit-font-smoothing:antialiased2.隐藏元素opactiy:0代替display:none.hidden{　　opactiy:0;　　pointer-events:none;(使元素对鼠标事件等失去响应...

代码星球 ·2020-06-28

移动端判断横屏竖屏

1.CSS判断横屏竖屏写在同一个CSS中@mediascreenand(orientation:portrait){　　/*竖屏css*/}@mediascreenand(orientation:landscape)and(min-width:450px){　　/*横屏css*/}分开写在2个CSS竖屏<link...

代码星球 ·2020-06-28