统软云移动页面开发提示

统软云移动页面开发提示

01元标签的相关知识

1.移动侧页将视口宽度设置为等于设备宽度，并禁止缩放。

1

2.移动端页面将视口宽度设置为固定宽度（例如640px），并禁止缩放。它通常用于微信浏览器页面。

1

3.防止页面中的号码被识别为电话号码

1

4.忽略Android平台中电子邮件地址的标识

1

5.当网站添加到主屏幕的快速启动模式时，地址栏可以隐藏，并且仅适用于ios的safari

1

6.将网站添加到主屏幕快速启动模式，这仅适用于ios的safari top状态栏样式

1

视口样板

所容纳之物

02 CSS风格技巧

1.禁用ios和android用户选择文本

.css｛-webkit用户选择：无｝

2.禁止ios长时间触发系统菜单，ios&Android按时下载图片

.css｛-webkit touch callout：无｝

3.Webkit删除表单元素的默认样式

.css｛-webkit外观：无；｝

4.修改webkit表单输入框中占位符的样式

input:：-webkit输入占位符｛color:#AAAAAA；｝

input:focus:：-webkit输入占位符｛color:#EEEEEE；｝

5.删除单击android a/button/input标签时生成的边框&删除单击ios a标签时生成半透明灰色背景

a、 按钮，输入｛-webkit tap高亮显示颜色：rgba（255,0,0）；｝

6.Ios使用-webkit文本大小调整来禁用字体大小调整

正文｛-webkit文本大小调整：100%！重要；｝

7.移除Android上的语音输入按钮

input:：-webkit输入语音按钮｛display:none｝

8.移动终端定义字体，移动终端没有微软雅黑字体

/*移动终端*/body上定义的字体代码｛font-family:Helvetica；｝

03其他技能

1.手机拍摄和上传图片

2.取消输入在ios下，输入时英文首字母的默认大写

3.打电话和发短信