#移动端

开发注意H5移动端

 1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone4的960640分辨率,在网页里只显示了480320,这样d...
代码星球 ·2020-09-08

搭建一个vue-cli + ant design pro移动端开发模板

 本文系原创,转载请附带作者信息。项目地址: https://github.com/momozjm/vant-project.git在项目开发过程中,一个新的项目需要我们从零开始搭建框架,这个时候我们就可以用网上很多的脚手架进行开发,但是我们在业务开发时,还需要对项目的架构进行完善。如果有一个类似于...

移动端布局方案汇总&&原理解析

该布局于2017年8月9日被2.0版本取代实现原理 假设(UI稿750px宽)设置viewport的 scale=1/window.devicePixelRatio将屏幕分成10份,font-size=实际屏幕宽度/10;开发时直接填写(设计稿DOM宽度)px利用 px2rem插件&nbs...

在移动端禁用长按选中文本功能

在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上。*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-sele...

手持移动端特殊链接:打电话,发短信,发邮件

如果需要在移动浏览器中实现拨打电话,调用sms,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式,实现在Safariios,Android浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。在电话号码前面可以...

移动端H5支付(微信和支付宝)

我们直接进入主题吧,先说功能:1、用户通过我们的页面输入充值帐号和金额调起支付(微信或者支付宝),支付成功返回获取支付结果。2、微信支付成功后重定向到指定页面(没有设置重定向地址的话,默认返回调起支付的页面,支付宝同理)。3、支付宝支付成功后重定向到指定页面。4、重定向地址带参数返回。 5、支付成功后,回到页...
代码星球 ·2020-08-20

最简单的手机预览WEB移动端网页的方法

   网上看了很多关于该问题的解决办法,各种各样的都有,个人也测试了一些,最后总结出一个最简单且实用的方法。 1、安装nodejsnode官网下载对应版本的nodejs,安装好了之后,在node.js执行node-v,如果出现版本号,则说明安装成功。 2、安装anywh...

移动端遇到问题

一.点击穿透:原因: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  ...

js判断用户是在PC端或移动端访问

js如何判断用户是在PC端和还是移动端访问。 最近一直在忙我们团队的项目“咖啡之翼”,在这个项目中,我们为移动平台提供了一个优秀的体验。伴随Android平台的红火发展。不仅带动国内智能手机行业,而且许多国内开发者也开始投身于Android移动终端的大浪潮中。如果很多互联网大浪潮你错过...
代码星球 ·2020-08-19

viewport原理和使用和设置移动端自适应的方法(移动适应电脑)

HTML中:<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">  该meta标签的作用是让当前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

常见的移动端H5页面开发遇到的坑和解决办法

转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!!1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如...
首页上一页...56789...下一页尾页