资讯专栏INFORMATION COLUMN

移动端项目的注意点

BlackHole1 / 1142人阅读

摘要:移动端点击按钮时有阴影添加如下类即可去掉移动端无效添加可以解决移动端长按选中文本添加如下代码可以解决移动端禁止缩放移动端滚动流畅但是这一行代码有很多,使用时要谨慎。

移动端点击按钮时有阴影

添加如下类即可去掉:

-webkit-tap-highlight-color: rgba(0,0,0,0);
移动端 :active 无效

添加 ontouchstart 可以解决:


移动端长按选中文本

添加如下代码可以解决:

* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
移动端禁止缩放
  
移动端滚动流畅
-webkit-overflow-scrolling:touch;

但是这一行代码有很多 bug ,使用时要谨慎。
个人比较推荐:better-scroll

CSS3 做 0.5px 的细线

个人推荐 weui 的实现方式:

.weui-cell:before{
   content: " ";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   height: 1px;
   border-top: 1px solid #D9D9D9;
   color: #D9D9D9;
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
}

其它实现 0.5px 细线方式

文本大小根据设备尺寸进行调整

auto: 会 | none: 不会

text-size-adjust: none;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115997.html

相关文章

  • HTML5移动音乐播放器(启蒙篇)

    摘要:前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目。有的歌词周杰伦算什么男人格式是时间点时间歌词创建映射首先以将歌词字符串分割成以时间点文字的数组,但由于这样分割之后最后一个元素是空的,所以用删除最后一个元素。 这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目。 在线地...

    waterc 评论0 收藏0
  • HTML5移动音乐播放器(启蒙篇)

    摘要:前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目。有的歌词周杰伦算什么男人格式是时间点时间歌词创建映射首先以将歌词字符串分割成以时间点文字的数组,但由于这样分割之后最后一个元素是空的,所以用删除最后一个元素。 这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目。 在线地...

    Lin_R 评论0 收藏0
  • 移动布局与适配

    摘要:实战之微信钱包腾讯服务界面网格布局是让开发人员设计一个网格并将内容放在这些网格内。对于移动端适配,不同的公司不同的团队有不同的解决方案。栅格系统用于处理页面多终端适配的问题。 grid实战之微信钱包 腾讯服务界面 CSS3网格布局是让开发人员设计一个网格并将内容放在这些网格内。而不是使用浮动制作一个网格,实际上是你将一个元素声明为一个网格容器,并把元素内容置于网格中。 移动端页面适配—...

    Clect 评论0 收藏0
  • 再谈移动适配和5像素由来

    摘要:再谈移动端适配百分比解决方案的缺点在我们的项目中大量的使用百分比来解决页面在宽度上的自适应,其实在高度上并没有很好的自适应。 前言 这篇文章的内容如题目一样,主要分为两个部分, 谈谈业内主流的移动端适配解决方案 点5像素的由来和实现方法 建议在读这篇文章的时候先读下这篇文章《高清屏概念解析与检测设备像素比的方法_20161005》,因为这些文章涉及的很多概念在这篇文章中都会提到。 ...

    Nosee 评论0 收藏0
  • 再谈移动适配和5像素由来

    摘要:再谈移动端适配百分比解决方案的缺点在我们的项目中大量的使用百分比来解决页面在宽度上的自适应,其实在高度上并没有很好的自适应。 前言 这篇文章的内容如题目一样,主要分为两个部分, 谈谈业内主流的移动端适配解决方案 点5像素的由来和实现方法 建议在读这篇文章的时候先读下这篇文章《高清屏概念解析与检测设备像素比的方法_20161005》,因为这些文章涉及的很多概念在这篇文章中都会提到。 ...

    lordharrd 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<