网页部分仅可见于手机

这个问题在这里已经有了答案:

  • 在jQuery中检测移动设备的最佳方式是什么? 49个答案

  • 您可以使用响应式设计方法,并使用媒体查询来实现您只需使用CSS的内容:

    //THIS CSS CLASS IS APPLIED ALWAYS
    div.my-option {
        display: none;
    }
    
    //THIS MEDIA QUERY APPLIES ITS STYLES ONLY WHEN THE SCREEN WIDTH IS <= 767, SO IT'S A SMARTPHONE DISPLAY.
    //IT OVERRIDES THE ONE ABOVE
    @media only screen and ( max-width: 767px ) {
        div.my-option {
            display: inline;
        }
    }
    

    如果您对响应式设计感兴趣,两个最广泛的选择是Bootstrap和Zurb基金会

    链接地址: http://www.djcxy.com/p/84067.html

    上一篇: Webpage Section Visible Only For Mobiles

    下一篇: How can I add if condition