在jQuery Mobile中设置内容的最大宽度?

前端之家收集整理的这篇文章主要介绍了在jQuery Mobile中设置内容的最大宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jQuery手机网页,其目前的宽度=设备宽度,但是我的表单元素(文本框和提交按钮)在桌面计算机上浏览浏览器的宽度。

有没有办法设置最大宽度,以便这些元素(或整个内容div)在移动设备上正常显示,但在台式机上查看时不能超过固定的最大宽度?

解决方法

<style type='text/css'>
    <!--
        html { background-color: #333; }
        @media only screen and (min-width: 600px){
            .ui-page {
                width: 600px !important;
                margin: 0 auto !important;
                position: relative !important;
                border-right: 5px #666 outset !important;
                border-left: 5px #666 outset !important;
            }
        }
    -->
    </style>

@media only屏幕和(最小宽度:600像素)将CSS规则限制为桌面设备,窗口宽度最小为600px。对于这些,由jQuery Mobile创建的页面容器的宽度固定为600px,margin:0自动居中页面。其余的改善了美观的结果。

然而,这是一个缺点:这并不能很好地与滑动动画一起玩。我建议禁用动画(也可能取决于使用@media的媒体类型和屏幕大小),因为它看起来很奇怪的大屏幕上。

原文链接:https://www.f2er.com/jquery/182320.html

猜你在找的jQuery相关文章