关于Webapp的注意事项

  • meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">宽度=设备宽度,初始比例=1,阻止放大,最小比例=1,最大比例=1;

target-densityDpi=device-dpi 阻止缩放(有时user-scalable=no没有效果,需要加上这句)
  • 使用rem

  * IE9开始支持
  * IOS4.0开始支持
  * 安卓支持

  • Android2.3不支持

  * position:fixed-->使用iscroll.js插件
  * 渐变新式写法不支持,需要使用老式写法

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(.3,#333333))

  * 阴影不支持,用边框border
  * 使用flex

父元素:display:-webkit-box;
子元素:-webkit-box-flex:1;
  • 盒模型溢出
-webkit-box-sizing:border-box;
  • 圆角问题

当position:absolute;z-index:value;border-radius:value同时出现时,圆角上标题设置颜色后,圆角会成直角
解决方法:在嵌套一层,父元素为position:absolute;z-index:value,子元素为border-radius:value;

  • 需要注意的

  -webkit-tap-highlight-color:rgba(0,0,0,0); //取消点击的背影颜色
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-appearance:none; //去除默认样式
  -webkit-touch-callout: none; //长按时不触发系统菜单
  -webkit-user-select: none; //用户不能选择元素间的任何内容
  outline:0 none; //取消轮廓

  • 系列文章:

* [腾讯Cson的移动web开发最佳实践](http://www.ipresst.com/works/528892e11d0495f30f00762e)
* [20个实用webApp前端开发技巧](http://www.candoudou.com/archives/155)
* [webApp开发进阶](http://www.w3ctech.com/p/1154)
* [tap-hightlight-color](http://www.cnblogs.com/lilyimage/p/3363632.html)

 

 字体:font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;

 

<meta name="format-detection" content="telephone=no">  数字识别为电话号码
等分:flex或者table,   DEMO: http://jsbin.com/vojoj/2/
父元素:
display : table;
table-layout : fixed;
width : 100%;
子元素:
display : table-cell;

转载于:https://www.cnblogs.com/joya0411/p/3586691.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/294096.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Tcp连接的七次握手浅析

连接的三次握手 客户端向服务器发送SYN请求 服务器发送ACK回应请求&#xff0c;并同时发送一个SYN的请求给客户端 客户端回应ACK应答 关闭的四次握手 对于关闭流程&#xff0c;一共有三种情况&#xff1a;客户端主动关闭&#xff0c;服务器端主动关闭&#xff0c;客户端和服务器…

与副交流后总结

昨天和几个项目刚刚上线的3位管理者向副总汇报了一下项目总结&#xff0c;或者是交流&#xff08;老板直接说是轻松一点的交流&#xff09; 我的总结主要部分: 亮点&#xff1a; •从可行性研究到最后的上线&#xff0c;思路还算清晰•共好的项目组&#xff0c;同事的有力支持•…

探讨float类型的数值,为什么两个float不能直接相等

转载&#xff1a;http://blog.csdn.net/turkeyzhou/article/details/2755970 在程序编写的时候&#xff0c;我们会忽略一些细节上的问题&#xff0c;尤其是写java这种高级语言&#xff0c;久而久之&#xff0c;我们会对底层缺乏认识&#xff0c;这也是为什么前段时间会有人说j…

android ifw 启动广告,使用 IFW 完全控制 Android 应用行为 | 实用技巧

我们常说 Android 系统最大的优点是开放性与包容性&#xff0c;但这也造成了应用行为不容易掌控的缺点。特别是国内应用与系统&#xff0c;失去了谷歌 Play 商店官方的应用审核政策后普通用户根本无法确定应用获取的权限用来干什么&#xff0c;又在后台执行了哪些行为。谷歌最近…

VS2022安装教程和使用说明来了

我看很多小伙伴已经开始迫不及待的安装VS2022了&#xff0c;虽然我也安装了VS2022&#xff0c;但是我依旧使用VS2019。因为我觉得适合我的才是最好的&#xff0c;并非是最新的&#xff0c;所以大家在使用的时候&#xff0c;根据实际需求选择开发工具&#xff0c;不要一味追求最…

华为交换机RRPP配置实验

在工作中遇到了H3C和HW的RRPP配置&#xff0c;以下就以华为模拟器再作一次实验。大家共同来论讨论遇到的问题。 【理论基础】RRPP具体的理论见配置手册下面只点几个容易出错的地方1、作为RRPP环的接口要关闭STP2、两个重要的命令&#xff1a;control-vlan vlan-id命令&#xff…

Android之AIDL服务

AIDL服务 服务&#xff08;Service&#xff09;是android系统中非常重要的组件。Service可以脱离应用程序运行。也就是说&#xff0c;应用程序只起到一个启动Service的作用。一但Service被启动&#xff0c;就算应用程序关闭&#xff0c;Service仍然会在后台运行。 andro…

男人的那些统一话术......

1 当面试官来租你的房子▼2 好家伙&#xff08;via.dy油画艺术&#xff09;▼3 学到了&#xff08;素材来源网络&#xff0c;侵删&#xff09;▼4 一杯奶茶能加多少料▼5 原来我们如此优秀&#xff01;&#xff08;素材来源网络&#xff0c;侵删&#xff09;▼6 幼儿园里卧…

后端开发者开发前端必会的工具(一):样式调试篇

又来为大家分享干货了&#xff0c;今天主要是分享一点关于后端工程师开发前端比较苦恼的一个问题《如何去调试前端&#xff1f;》&#xff0c;我相信这是所有后端开发者比较困惑的&#xff0c;如果有这个困惑的&#xff0c;记得关注“程序员晓晓”公众号&#xff0c;并给我留言…

C#编程中的66个好习惯,你有多少个?(转)

http://www.cnblogs.com/jxsoft/archive/2012/01/11/2318824.html转载于:https://www.cnblogs.com/ein-key5205/p/3592583.html

sqlite数据库的char,varchar,text,nchar,nvarchar,ntext的区别

1、CHAR。CHAR存储定长数据很方便&#xff0c;CHAR字段上的索引效率级高&#xff0c;比如定义char(10)&#xff0c;那么不论你存储的数据是否达到了10个字节&#xff0c;都要占去10个字节的空间,不足的自动用空格填充。 2、VARCHAR。存储变长数据&#xff0c;但存储效率没有CHA…

配置 mybatis的 log4j.properties

log4j.rootLoggerdebug,stdout,logfile### 把日志信息输出到控制台 ### log4j.appender.stdoutorg.apache.log4j.ConsoleAppender #log4j.appender.stdout.TargetSystem.err log4j.appender.stdout.layoutorg.apache.log4j.SimpleLayout### 把日志信息输出到文件&#xff1a;jb…

linux 下 oracle 10.2.0.1 32bit netca报错

现象如下&#xff1a; 今天一同事安装完数据库软件运行netca创建监听时报错(运行netmgr与dbca均可执行成功)&#xff0c; 报错信息: [oracleWEB01A bin]$ netca Oracle Net Services Configuration: # # An unexpected error has been detected by HotSpot Virtual Machine:…

adb android源码分析,Android源码分析(十六)----adb shell 命令进行OTA升级

一: 进入shell命令界面adb shell二&#xff1a;创建目录/cache/recoverymkdir /cache/recovery 如果系统中已有此目录&#xff0c;则会提示已存在。三: 修改文件夹权限chmod -R 777 /cache/recovery四: 把ota文件路径写入/cache/recovery/command文件中echo "--update_pac…

如何使用cURL获得请求和响应时间?

✎ 码甲说 hello&#xff0c;老伙计们&#xff0c;又有半个多月没见了&#xff0c;今天给大家分享一个干货编程小技巧&#xff0c;上至架构师、下至开发者、运维男、QA&#xff0c; 得此利器&#xff0c;事半功倍。cURL在我的眼里&#xff0c;就是一个httpClient手办&#xff…

ASP.NET MVC CheckBoxFor为什么会生成hidden input控件

自己开发的公众号&#xff0c;可以领取淘宝内部优惠券 Html.CheckBoxFor(m > m.Bool) 使用CheckBoxFor方法得到的html代码会是下面这个样子 <input checked"checked" data-val"true" data-val-required"Bool 字段是必需的。" id"Bool…

Android Caused by: java.lang.IllegalArgumentException: column '_id' does not exist

出错原因&#xff1a;在查询整个sqlite数据库时&#xff0c;没有查询到 "_id" 这一列。 原来的代码是&#xff1a;mSQLiteDatabase.query(table_name, new String[] {_title}, null, null, null, null, null); 修改后的代码为&#xff1a;mSQLiteDatabase.query(ta…

linux挂载iso文件

mount -o loop -t iso9660 /root/winxp.iso /mnt 转载于:https://blog.51cto.com/xitong/1148436