一直在网上没找到“新17键乱序双拼”在ios上的安装方案,一恼之下自己学习如何将安卓的皮肤转换为ios的皮肤,然后成功了。再次感谢@剑飞在思考 给我的鼓励,(__) 嘻嘻……
1、iphone必须(点击打开xy官网,下载一键解决);
4、打开百度输入法手机版,进入输入设置——常规设置——双拼方案设置——自定义双拼,然后按照中的方案进行设置(因ios不能够直接导入,所以需要手动);
由于iPad 的启动画面是不包括状态栏区域的。所以启动图片需要减去状态栏区域所对应的方向上的20px大小,相应地在retina设备上要减去40px的大小。
9. 添加到主屏后的APP图标
指定web app添加到主屏后的图标路径,有两种略微不同的方式:
可通过指定size属性来为不同的设备提供不同的图标(但通常来说,我们只需提供一个114 x 114 pixels大小的图标即可 )
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
各个手机系统有自己的默认字体,且都不支持微软雅黑,如无特殊需求,手机端无需定义中文字体,使用系统默认英文字体和数字字体可使用 Helvetica ,三种系统都支持。
* 移动端定义字体的代码 */
对于只需要适配手机设备,使用
px即可
rem
,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备
当用户手指放在移动设备在屏幕上滑动会触发的touch事件
移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。
2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to zoom)的方案,比如你在手机上用浏览器打开一个PC上的网页,你可能在看到页面内容虽然可以撑满整个屏幕,但是字体、图片都很小看不清,此时可以快速双击屏幕上的某一部分,你就能看清该部分放大后的内容,再次双击后能回到原始状态。
双击缩放是指用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。
原因就出在浏览器需要如何判断快速点击上,当用户在屏幕上单击某一个元素时候,例如跳转链接,此处浏览器会先捕获该次单击,但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作,所以,捕获第一次单击后,浏览器会先Hold一段时间t,如果在t时间区间里用户未进行下一次点击,则浏览器会做单击跳转链接的处理,如果t时间里用户进行了第二次单击操作,则浏览器会禁止跳转,转而进行对该部分区域页面的缩放操作。那么这个时间区间t有多少呢?在IOS safari下,大概为300毫秒。这就是延迟的由来。造成的后果用户纯粹单击页面,页面需要过一段时间才响应,给用户慢体验感觉,对于web开发者来说是,页面js捕获click事件的回调函数处理,需要300ms后才生效,也就间接导致影响其他业务逻辑的处理。
解决300ms延迟的问题,也可以通过绑定ontouchstart事件,加快对事件的响应。
5、什么是Retina 显示屏,带来了什么问题
retina
:一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由1个变为多个,如在同样带下的屏幕上,苹果设备的retina显示屏中,像素点1个变为4个
在高清显示屏中的位图被放大,图片会变得模糊,因此移动端的视觉稿通常会设计为传统PC的2倍。
那么,前端的应对方案是:
设计稿切出来的图片长宽保证为偶数,并使用backgroud-size
把图片缩小为原来的1/2
//例如图片宽高为:200px*200px,那么写法如下
-webkit-tap-highlight-color的
其它元素的取值为原来的1/2,例如视觉稿40px的字体,使用样式的写法为20px
6、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉
ios用户点击一个链接,会出现一个半透明灰色遮罩, 如果想要禁用,可设置-webkit-tap-highlight-color的alpha值为0,也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩。
7、部分android系统中元素被点击时产生的边框怎么去掉
android用户点击一个链接,会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样,可设置alpha值
为0去除部分机器自带的效果。
-webkit-user-modify
有个副作用,就是输入法不再能够输入多个字符。
另外,有些机型去除不了,如小米2
对于按钮类还有个办法,不使用a或者input标签,直接用div标签
8、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉
9、webkit表单元素的默认外观怎么重置
在iOS中,默认情况下键盘是开启首字母大写的功能的,如果启用这个功能,可以这样:
13. 关闭iOS输入自动修正
和英文输入默认自动首字母大写那样,IOS还做了一个功能,默认输入法会开启自动修正输入内容,这样的话,用户经常要操作两次。如果不希望开启此功能,我们可以通过input标签属性来关闭掉:
当移动设备横竖屏切换时,文本的大小会重新计算,进行相应的缩放,当我们不需要这种情况时,可以选择禁止:
需要注意的是,PC端的该属性已经被移除,该属性在移动端要生效,必须设置meta viewport
。
15. 移动端如何清除输入框内阴影
在iOS上,输入框默认有内部阴影,但无法使用box-shadow
来清除,如果不需要阴影,可以这样关闭:
我们先来看看回弹滚动在手机浏览器发展的历史:
在iOS上如果你想让一个元素拥有像 Native 的滚动效果,你可以这样做:
17. 移动端禁止选中内容
如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉:
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active
的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来进行全局的禁止:
但这个方法在三星的机子上无效,有一种妥协的方法是把页面非真实跳转链接的a标签
换成其它标签,可以解决这个问题。
19. 如何禁止保存或拷贝图像(IOS)
通常当你在手机或者pad上长按图像 img ,会弹出选项存储图像 或者拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:
移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果,代码如下,
要做到全兼容的办法,可通过绑定ontouchstart
和ontouchend
来控制按钮的类名。
21.屏幕旋转的事件和样式
HTML5 deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。
24.手机拍照和上传图片
/*设置内嵌的元素在 3D 空间如何呈现:保留 3D*/ /*(设置进行转换的元素的背面在面对用户时是否可见:隐藏)*/
设计高性能CSS3动画的几个要素
适合上下滑屏、左右滑屏等滑屏切换页面的效果
一直在网上没找到“新17键乱序双拼”在ios上的安装方案,一恼之下自己学习如何将安卓的皮肤转换为ios的皮肤,然后成功了。再次感谢@剑飞在思考 给我的鼓励,(__) 嘻嘻……
1、iphone必须(点击打开xy官网,下载一键解决);
4、打开百度输入法手机版,进入输入设置——常规设置——双拼方案设置——自定义双拼,然后按照中的方案进行设置(因ios不能够直接导入,所以需要手动);
一、新17键乱序双拼 这个就是新17键乱序双拼的皮肤布局: 新17键乱序双拼,是一种双拼方案,重码率低至7.8%。...
昨天为doit.im及为知笔记的小部件而刷ios8.1,经测,确定ios8.1越狱后亦可使用自定义皮肤,现与大家分...
最近从刘润老师在得到的课程里看到了几个超级实用个人效率的武器,着实震撼。其实我一开始是被刘润讲的“我的一天”震撼到...
这辈子谁能想到电视剧里面用得烂大街的车祸会发生在自己的身上?谁又能想到自己身上居然会存在一个所谓的神?谁能...
工作到现在是第三个月的第一天,工作下来也犯过不少错误,出于自己的粗心大意和注意力的不集中。一开始战战兢兢的来到工作...
有那么个人他就像太阳一样,他就是沐剑晨,他也是忆寒的指路明灯。为什么这么说呢?因为忆寒是个大路痴,但是,自从她与沐...