51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#移动端
移动端:active,:hover无法很好触发动画的解决方案
用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画.定义一个open类,满足open类的情况下触发动画使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类这样就能很好的控制动画了<!DOCTYPEhtml><html><...
代码星球
·
2020-04-18
移动
active
hover
无法
很好
JavaScript判断移动端及pc端访问不同的网站
现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站。对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理。假如我们有一个网站,pc端通过www.tes...
代码星球
·
2020-04-18
Javascript
判断
移动
pc
访问
移动端UC /QQ 浏览器的部分私有Meta 属性
如同桌面端一样,在国内做web 移动开发的话肯定得考虑下移动端占有率靠前的几个国产浏览器的一些适配工作。好在当前移动端浏览器都是wekit内核一霸天下,单从这个角度看兼容工作相对于桌面的百花齐放舒服了不少。数据就不罗列了,目前移动端国产浏览器的占有率上是UC 跟QQ 浏览器这对基佬,所以做...
代码星球
·
2020-04-18
移动
UC
QQ
浏览器
部分
web移动端性能调优及16ms优化
本文只是一个索引,收集了网络上大部分关于调试及优化方面的文章,从中挑选了一些比较好的文章分享给大家。移动端性能不及桌面浏览器性能的10分之1,特别是在android设备良莠不齐的情况下,性能显得尤为重要。感觉做移动端页面,重回了解放前电脑还是386的年代,呵呵。国内,16ms优化,60fps指标等相关的文章非常少,大部...
代码星球
·
2020-04-18
web
移动
性能
调优
16ms
移动端HTML5资源整理
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如...
代码星球
·
2020-04-18
移动
HTML5
资源
整理
带你使用h5开发移动端小游戏
在JY1.x版本中,你要做一个pc端的小游戏,会非常的简单,包括说,你要在低版本的浏览器IE8中,也不会出现明显的卡顿现象,你只需要关心游戏的逻辑就行了,比较适合逻辑较为简单的小游戏,在JY官网也写了很多的小游戏demo,但后来由于工作的缘因,一直没太去维护他,真是一转眼,已经是移动互联网的时代了,5年后的今天,有了重...
代码星球
·
2020-04-18
带你
使用
h5
开发
移动
HTML5移动端自适应解决方案
自接触移动端H5页面以来,从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配;后来尝试用百分比去做H5的适配;接着又去尝试媒体查询,但移动端的屏幕大小个各异,各种尺寸的机型都有,难以做到不同手机适配,后来看到京东,网易,手淘等使用rem做手机适配,使用rem前端开发者可以很...
代码星球
·
2020-04-17
HTML5
移动
端自
适应
解决方案
移动端开发
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /><meta c...
代码星球
·
2020-04-16
移动
开发
移动端布局
移动端布局1import'js/rem.js'; 引入rem.js文件后,css中就可以直接写rem单位了,改变移动端设备时,宽高会等比例更新。 flexbox布局(弹性盒布局)1*{2margin:0;3padding:0;4}5html,body{6height:100%;7}8li{9list...
代码星球
·
2020-04-15
移动
布局
移动端rem布局,用户调整手机字体大小或浏览器字体大小后导致页面布局出错问题
一、用户修改手机字体设置大小,影响App里打开的web页面。手机字体设置大小,影响App的页面。Android的可以通过webview配置webview.getSettings().setTextZoom(100)就可以禁止缩放,按照百分百显示。 二、用户调整浏览器字体大小,影响的是从浏览器打开的...
代码星球
·
2020-04-15
布局
字体
大小
移动
rem
移动端适配方案
本文原链接:http://caibaojian.com/mobile-responsive-example.htmlhttps://blog.csdn.net/chenjuan1993/article/details/81710022https://blog.csdn.net/zxj0904010228/article...
代码星球
·
2020-04-14
移动
适配
方案
HTML5移动端手机网站开发流程
基本上开发手机网站,可大致分为两大类。一类是用框架开发手机网站。一类是自己手写手机网站。一、框架开发手机网站一般用现在常用的开发框架有:目前Web前端最火的框架(BootStrap)、jQuery mobile..当然可能还有一些移动端开发的框架,这些我就没具体去研究过。为什么说BootStrap是目前前端最...
代码星球
·
2020-04-13
HTML5
移动
手机
网站开发
流程
移动端、PC端(前后台)、小程序常用的UI框架
①.VantUI官方地址:https://youzan.github.io/vant/#/zh-CN/introgithub地址:https://github.com/youzan/vant优点:用来做移动端商城很不错,支持定制主题,社区还算活跃②.MintUI官方地址:http://mint-ui.github.io...
代码星球
·
2020-04-13
移动
PC
后台
程序
常用的
Vue移动端项目模板
一个集成移动端开发插件的Vue移动端模板包含1、css:使用stylus开发css集成reset样式文件修改UI组件文件统一样式处理(如主题色等)2、UI组件使用热门的vant与mint-ui插件3、移动端适配集成rem插件移动端适配META标签4、组件集成标题栏组件、无数据组件5、请求集成axios封装请求接口6、b...
代码星球
·
2020-04-12
Vue
移动
项目
模板
2015-03-20——移动端UC浏览器、QQ浏览器自动全屏
UC:<metaname="full-screen"content="yes"><metaname="browsermode"content="application">QQ:<metaname="x5-orientation"content="portrait"><metan...
代码星球
·
2020-04-12
浏览器
2015-03-20
移动
UC
QQ
首页
上一页
...
10
11
12
13
14
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他