移动端web开发整理
/* 移动端定义字体的代码 */
body {
font-family: "Helvetica Neue", Helvetica;
}
ios端触摸时,会出现一个半透明灰色遮罩
如果想要禁用,可设置-webkit-tap-highlight-color的alpha值为0
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
关于 iOS 与 OS X 端字体的优化(横竖屏会出现字体加粗不一致等)
iOS 浏览器横屏时会重置字体大小
body{
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
禁止 iOS 弹出各种操作窗口
-webkit-touch-callout:none;
禁止用户选中文字
-webkit-user-select:none;
上下拉动滚动条时卡顿、慢
div {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
IOS设备输入框默认内阴影
input {
-webkit-appearance: none;
}
// 阻止页面滑动的默认行为
document.body.addEventListener('touchmove', function(event) {
if (event.cancelable) {
// 判断默认行为是否已经被禁用
(!event.defaultPrevented) && event.preventDefault();
}
});
转载于:https://www.cnblogs.com/huliang56/p/6991315.html
移动端web开发整理相关推荐
- 从零开始学习移动端Web开发
背景 近年来,随着智能手机的普及,移动端开发受到了异常的关注.从传统的安卓.IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧.本文旨 ...
- 轻松掌握移动端web开发【尺寸适配】常用解决方案
本文主要针对初学移动端web开发的读者,笔者也是初学者,文中有众多用词不当之处望读者指正. 前言 从开始做web app开发到现在,一直对移动端的尺寸适配有一种模糊的概念.能说得上来'媒体查询','栅 ...
- 移动端web开发分享
移动端web开发浪潮兴起之时,千呼万唤shi出来,在团队内部做的一个分享,以下是写ppt时列出的摘要,时间-2013/09/20 I.前端这个行当 a.发展史 b.前端基本技能介绍(html css ...
- 移动端 Web 开发踩坑之旅
前言 最近在一个移动端的 Web 项目中踩了很多的坑,感觉有必要把它们记录下来,分享给即将踏入移动端 Web 开发大门的新人们. 一.从布局说起 移动端的整体布局一般来说可以分为上中下三个部分,分别为 ...
- 移动端Web开发小记
之前为公司商旅频道写移动端的页面时遇到不少问题,今特来个总结,希望能为后来者带来一些帮助. 不再考虑浏览器兼容性 移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此 ...
- 移动端Web开发如何处理横竖屏
<!Doctype html> <html> <head> <meta charset="utf-8"> <meta id=& ...
- 移动端WEB开发之响应式布局(响应式开发原理、bootstrap、阿里百秀案例)
移动端WEB开发之响应式布局 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的. 设备的划分情况: <!DOCTYPE html> & ...
- 视频教程-移动端Web开发-JavaScript
移动端Web开发 TriAquae开源运维软件创始人,混迹IT运维领域多年,曾就职于松下.国政通.飞信.中金.NOKIA等公司,维护过少至几十台,多至数万台设备的IT系统,致力于提高企业运维自动化水平 ...
- 移动端--web开发
最近看到群里对关于 移动端 web开发很是感兴趣,决定写一个关于 移动端的web开发 概念或框架(宝庆对此很是纠结).也是因为自己一直从事pc 浏览器 web一直对 移动端的不是很重视,所以趁此机会也 ...
最新文章
- 怎样合理的将多个字符串拼接为一个字符串
- python统计字符串数字个数_python统计字符串中数字个数_后端开发
- B-树的插入、查找、删除
- R语言编程 第一讲 变量与赋值
- opencv python cv2.imdecode()函数报错 :TypeError: Expected cv::UMat for argument 'buf'
- 希沃展台如何使用_【海安幼教微家园】玩转希沃白板 点亮精彩课堂 —长江路幼儿园开展希沃一体机操作技能培训...
- 93号涨0.86元售6.2元/升 20日油价正式上调
- 相信很多人心里都有着一个自媒体的梦想
- 斯坦福首位华人女院长,“人造皮肤”赋予机器和残疾人触觉
- 汉字字符特征提取器 ,提取发音特征、字形特征用做深度学习的特征
- 连接远程hbase长时间等待问题
- html中script标签的使用方法
- 3号团队-团队任务5:项目总结会
- [导入]一个好网站的策划设计
- 如何封装带有不变参数的函数
- Linux驱动开发-编写DS18B20驱动
- 找出java重复字符串,java 找出字符串出现重复的字符和次数
- 如何在CSDN上上传资源
- PCI GXL学习之再造篇
- 汉诺塔IV,汉诺塔V