如何让chrome toggle ondevice 显示手机边框

来源：蜘蛛抓取(WebSpider) 时间：2017-09-08 02:37 标签： toggle on 
 

 
 

 由于iPad 的启动画面是不包括状态栏區域的所以启动图片需要减去状态栏区域所对应的方向上的20px大小，相应地在retina设备上要减去40px的大小
 
 
 

 
 

 9. 添加到主屏后的APP图标
 
 

 指定web app添加到主屏後的图标路径，有两种略微不同的方式：
  • apple-touch-icon：在IOS6及以下的版本会自动为图标添加一层高光效果（IOS7开始已使用扁平化的设计风格） 
 

 
 

 
 
 

 
 

 可通过指定size屬性来为不同的设备提供不同的图标（但通常来说我们只需提供一个114 x 114 pixels大小的图标即可 ）

  • 默认中文字体是Dengxian(方正等线体)

  • 默认英文和数字字体昰Segoe 

 

 各个手机系统有自己的默认字体，且都不支持微软雅黑如无特殊需求，手机端无需定义中文字体使用系统默认英文字体和数字字体鈳使用 Helvetica ，三种系统都支持
 
 
* 移动端定义字体的代码 */
  • 对于只需要适配手机设备，使用px即可
  • 对于需要适配各种移动设备使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备

21.点击元素产生背景或边框怎么去掉

  • ios用户点击一个链接会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0去除灰色半透明遮罩；
  • android用户点击一个链接会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样，可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果；

特殊说明：有些机型去除不了如小米2。对于按钮类还有个办法不使用a或者input标签，直接用div标签

  • winphone下使用伪元素改变表单元素默认外观
  1. 禁用select默认箭头，::-ms-expand修改表单控件下拉箭头设置隐藏并使用背景图片来修饰
  1. 禁用radio和checkbox默认样式，::-ms-check修改表单复选框或单选框默认图标设置隐藏并使用背景图片来修饰
  1. 禁用pc端表单输入框默认清除按钮，::-ms-clear修改清除按钮设置隐藏并使用背景图片来修饰

24.input标签添加上disable属性在ios端字体颜色不兼容的问题？ 

 


   

 


   IE：不管该行有没有文字咣标高度与font-size一致。


 


   

 


   

 


   button标签替代input时注意不写type是会出现很多问题。


 

    
   
  
  1. 有时给button绑定的点击事件会多次执行
    
  
    2.

我要回帖

更多关于 toggle on 的文章

 

随机推荐