zoukankan      html  css  js  c++  java
  • iphone手机中对于html和css的一些特殊处理

    1.iphone safari iso系统不兼容:hover的解决办法:

      方法一:

        a:hover设置的样式在IOS系统的浏览器内显示不出来,看来是IOS系统的移动设备中,需要在按钮元素或者是body/html上绑定一个touchstart事件,才能激活:active状态。

        代码如下:

    document.body.addEventListener('touchstart',function(){});

        或者给body添加ontouchstart事件:    

    <body ontouchstart>

      方法二:

        既然iphone不支持hover,用js解决,写一个单独的类,比如.active
        
    .active{    background-color: #eee;}

        /*****************

         在鼠标进入li的时候 :

          1. 去除其它"li"的 ".active"

            2. 给当前"li"添加类".active"

        ********************/ 

      具体代码如下:

    1 $(function(){     
    2     $('ul li').mouseover(function(){       
    3       $('ul li').removeClass('active');         
    4       $( this).addClass('active')     
    5     }) 
    6 })    

    2.iphone对于margin不起作用

    情景:当页面有footer固定在iphone手机的浏览器的底部的时候,在滑动的过程中无法达到页面的底部,总有一部分内容会被遮住

    主要问题:iphone的默认浏览器自动不识别margin的值,也可以说是自动忽略该值

    解决办法:将margin的值修改成padding的值就可以解决该问题了

  • 相关阅读:
    004 RequestMappingHandlerMapping
    003 HandlerMapping
    002 环境配置
    001 springmvc概述
    011 使用AOP操作注解
    010 连接点信息
    009 通知类型
    一台服务器的IIS绑定多个域名
    程序包需要 NuGet 客户端版本“2.12”或更高版本,但当前的 NuGet 版本为“2.8.50313.46”
    通过ping 主机名,或者主机名对应的IP地址
  • 原文地址:https://www.cnblogs.com/liuhui-03/p/6924804.html
Copyright © 2011-2022 走看看