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

css 移动端像素，rem适配详解

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>像素</title>6<style>78.box1{9width:200px;10height:200px;11bac...

代码星球 ·2021-01-17

移动端与PHP服务端接口通信流程设计（增强版）

前面讲过：移动端与PHP服务端接口通信流程设计(基础版)对于api_token的校验，其安全性还可再增强：增强地方一：再增加2张表，一个接口表，一个授权表，设计参考如下：接口表字段名字段类型注释api_idint接口IDapi_namevarchar(120)接口名，以"/"作为分割线，如blo...

代码星球 ·2021-01-16

移动端与PHP服务端接口通信流程设计（基础版）

针对--->非开放性平台--->公司内部产品接口特点汇总：1、因为是非开放性的，所以所有的接口都是封闭的，只对公司内部的产品有效；2、因为是非开放性的，所以OAuth那套协议是行不通的，因为没有中间用户的授权过程；3、有点接口需要用户登录才能访问；4、有点接口不需要用户登录就可访问； ...

代码星球 ·2021-01-16

移动端适配剖析

原文链接: https://www.cnblogs.com/yalong/p/13301817.html产生的背景&目标1.由于手机设备尺寸,屏幕分辨率等不一致，导致页面显示不一致，如下是部分移动端设备的一些参数，更多尺寸看这里2.移动端适配的目标是在不同尺寸的手机设备上，页面相对性的达到...

代码星球 ·2021-01-13

前端常见的兼容性问题--web端和移动端

web端：css:1，不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异较大。碰到频率:100%解决方案：可以使用Normalize来抹平默认样式的差异。也可以使用如下代码：*{margin:0;padding:0;} ...

代码星球 ·2021-01-13

快速生成漂亮的移动端视差滚动效果

在线演示本地下载使用stellar.js可以帮助开发者快速的生成基于移动设备的视差滚动效果。使用简单的data属性定义即可生成相关视差效果。...

代码星球 ·2021-01-09

【自用】移动端初始化代码，有些地方待优化

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><metaname="author"content="cc"><metaname="description"content=""><...

代码星球 ·2021-01-09

移动端视频层级解决方法

IOS端：完美解决<videoid="video"src="./vi.mp4"webkit-playsinlineplaysinlinex5-playsinline></video>移动端微信：解决遮挡问题，但是点击播放会拉伸网页然后全屏播放，体验不好<videoid="vid...

代码星球 ·2021-01-09

移动端input中的placeholder属性垂直

今天做项目时发现，在手机端用placeholder时，Android手机可以垂直显示；ISO则不能使placeholder垂直;解决办法：.gcddfadf-con-pay-1input::-webkit-input-placeholder{font-size:0.3rem;line-height:1.0rem;}.g...

代码星球 ·2021-01-02

移动端根元素（html）的设置

1、通过js设置<script>document.documentElement.style.fontSize=document.documentElement.clientWidth/7.5*2+'px';//获取手机屏幕的宽度</script>2.通过css设置时，设置根元素为100px;即...

代码星球 ·2021-01-02

移动端设备尺寸

<metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,minimal-ui">minimal-ui，用于ios端...

代码星球 ·2021-01-02

简单介绍移动端CSS3单位rem的用法

PC端大部份是用px单位，小部分用em单位，而移动端，请全部用rem单位吧。目前大部份设备，包括但不限于iOS5+、Android2.3+、WindowPhone8+都是可以兼容的，具体兼容表请看caniuse。rem是什么意思呢？CSS手册上的说明：相对长度单位，相对于根元素（即html元素）font-size计算值...

代码星球 ·2020-12-30

移动端去除按钮点击时的阴影方法

1.做好的页面在手机端测试时，发现部分浏览器，tap后会出现一个半透明的灰色背景，（被批...），起初以为是outline作怪，加上后发现没反应，最后发现是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：*{-webkit-tap-highli...

代码星球 ·2020-12-30

移动端的click点透问题

在移动端开发中，有时会出现click点透的问题。一、什么是click点透以下情况，在B元素上有半透明红色遮盖层A，黄色B元素内有可点击链接C。tips：以下举例仅针对webkit内核浏览器，所有效果需要在移动端进行查看（PC端不支持touch事件）。具体html代码如下：<!doctypehtml><...

代码星球 ·2020-12-30

移动端WEB开发，click,touch,tap事件浅析

一、click和tap比较两者都会在点击时触发，但是在手机WEB端，click会有200~300ms，所以请用tap代替click作为点击事件。singleTap和doubleTap分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响...

代码星球 ·2020-12-30