51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#移动端
开发注意H5移动端
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone4的960640分辨率,在网页里只显示了480320,这样d...
代码星球
·
2020-09-08
开发
注意
H5
移动
搭建一个vue-cli + ant design pro移动端开发模板
本文系原创,转载请附带作者信息。项目地址: https://github.com/momozjm/vant-project.git在项目开发过程中,一个新的项目需要我们从零开始搭建框架,这个时候我们就可以用网上很多的脚手架进行开发,但是我们在业务开发时,还需要对项目的架构进行完善。如果有一个类似于...
代码星球
·
2020-09-08
搭建
一个
vue-cli
ant
design
移动端布局方案汇总&&原理解析
该布局于2017年8月9日被2.0版本取代实现原理 假设(UI稿750px宽)设置viewport的 scale=1/window.devicePixelRatio将屏幕分成10份,font-size=实际屏幕宽度/10;开发时直接填写(设计稿DOM宽度)px利用 px2rem插件&nbs...
代码星球
·
2020-08-25
移动
布局
方案
汇总
原理
在移动端禁用长按选中文本功能
在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上。*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-sele...
代码星球
·
2020-08-23
移动
禁用
长按
选中
文本
手持移动端特殊链接:打电话,发短信,发邮件
如果需要在移动浏览器中实现拨打电话,调用sms,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式,实现在Safariios,Android浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。在电话号码前面可以...
代码星球
·
2020-08-23
手持
移动
特殊
链接
打电话
移动端H5支付(微信和支付宝)
我们直接进入主题吧,先说功能:1、用户通过我们的页面输入充值帐号和金额调起支付(微信或者支付宝),支付成功返回获取支付结果。2、微信支付成功后重定向到指定页面(没有设置重定向地址的话,默认返回调起支付的页面,支付宝同理)。3、支付宝支付成功后重定向到指定页面。4、重定向地址带参数返回。 5、支付成功后,回到页...
代码星球
·
2020-08-20
支付
移动
H5
信和
最简单的手机预览WEB移动端网页的方法
网上看了很多关于该问题的解决办法,各种各样的都有,个人也测试了一些,最后总结出一个最简单且实用的方法。 1、安装nodejsnode官网下载对应版本的nodejs,安装好了之后,在node.js执行node-v,如果出现版本号,则说明安装成功。 2、安装anywh...
代码星球
·
2020-08-20
最简单
手机
预览
WEB
移动
移动端遇到问题
一.点击穿透:原因:1.touch事件300ms后,触发click事件;2.混用touch和click会导致点透问题。解决思路:1.不要混用touch和click;2.阻止掉touch之后的click。解决方案:1.tap后延迟350ms再隐藏mask;2.pointer-events:mask隐藏后,给按钮下面元素添...
代码星球
·
2020-08-19
移动
遇到
问题
移动端知识点
1.video宽度为100%,高度为自动时,计算video的高度:document.getElementById('video1').offsetHeight;2.阻止页面滚动和解除页面滚动:$('body').on('touchmove',function(ev){ev.preventDefault();});$('...
代码星球
·
2020-08-19
移动
知识点
移动端布局:左右固定,中间可变
移动端布局:左右固定,中间可变;一边固定,另一边可变(同理)代码地址:http://runjs.cn/code/qkdx4km7 ...
代码星球
·
2020-08-19
移动
布局
左右
固定
中间
js判断用户是在PC端或移动端访问
js如何判断用户是在PC端和还是移动端访问。 最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的体验。伴随Android平台的红火发展。不仅带动国内智能手机行业,而且许多国内开发者也开始投身于Android移动终端的大浪潮中。如果很多互联网大浪潮你错过...
代码星球
·
2020-08-19
js
判断
用户
是在
PC
viewport原理和使用和设置移动端自适应的方法(移动适应电脑)
HTML中:<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> 该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。...
代码星球
·
2020-08-19
移动
适应
viewport
原理
使用
移动端默认样式重置
1.outline:none(1)在pc端为a标签定义这个是为了取消ie浏览器下点击a标签时出现的虚线。ie7及以下浏览器还不识别此属性,需要在a标签上添加hidefocus="true"(2)input,textarea{outline:none} 取消chrome下默认的文本框聚焦样式(3)在移动端是不起...
代码星球
·
2020-08-09
移动
默认
样式
重置
如何在Vue项目中使用vw实现移动端适配
https://www.w3cplus.com/mobile/vw-layout-in-vue.html 原文网址 有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的...
代码星球
·
2020-08-07
何在
Vue
目中
使用
vw
常见的移动端H5页面开发遇到的坑和解决办法
转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!!1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如...
代码星球
·
2020-08-07
常见
移动
H5
页面
开发
首页
上一页
...
5
6
7
8
9
...
下一页
尾页
按字母分类:
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
其他