jQuery手機頁面不採用頁面的全角/縮放

嗨，大家好我搜索了很多，但我找不到解決我的問題，我使用jQuery手機，我有一個元素有data-role="page" and data-url="link"jQuery手機頁面不採用頁面的全角/縮放

現在我的問題是，我的元素並不需要在屏幕的整個寬度，如用戶有放大到了極致，這就是我want.I還設置<meta name="viewport" content="width=device-width, user-scalable=no">，但沒有運氣:(

請大家給我一個解決方案。

// LE

<?php get_header(); ?> 
<?php $var1 = query_posts('post_type=Home Pages&meta_key=select_column_column&meta_value=Left');?> 
<?php if (have_posts($var1)) : ?> 
    <?php while (have_posts()) : the_post(); ?> 
    <?php $color = get_post_meta($post->ID,'select_color_color',true); ?> 
       <article data-role="page" data-transition="slide"> 
        <div class="sprite top-<?=$color?>"></div> 
        <div class="txt <?=$color?> clearfix"> 
         <?php if(has_post_thumbnail()): ?> 
          <?php the_post_thumbnail('post-image'); ?> 
         <?php endif; ?> 
         <h2><?php the_title(); ?></h2> 
         <?php the_content(); ?> 
        </div> 
        <div class="sprite bottom-<?=$color?>"></div> 
       </article> 
     <?php endwhile; ?> 
<?php endif; wp_reset_query();?> 

<?php get_footer(); ?> 


    $('article').bind("swipeleft", function(){ 
    var nextpage = $(this).next('article[data-role="page"]'); 
    // swipe using id of next page if exists 
    if (nextpage.length > 0) { 
     $.mobile.changePage(nextpage, {transition: "slide", 
    reverse: false}, true, true); 
    } 
    $('article').unbind('swipeleft', nextpage); 
    }); 

    $('article').bind("swiperight", function(){ 
    var prevpage = $(this).prev('article[data-role="page"]'); 
    if (prevpage.length > 0) { 
    $.mobile.changePage(prevpage, {transition: "slide", 
    reverse: true}, false, true); 
    } 
    $('article').unbind('swiperight', prevpage); 
    });

來源

2013-02-16 Uffo

請發表您的代碼。 – Omar 2013-02-16 14:24:48

完成！先生，在這裏你走了！ – Uffo 2013-02-16 15:03:56

請發佈呈現的html標記而不是php代碼。 – peterm 2013-02-16 15:52:33

嘗試本作中，文件頭的視口代碼：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

這應該設定一個明確的寬度，並防止放大和縮小，讓您搶在jQuery的一個固定的寬度。

來源

2013-02-16 17:31:38 Ben

Noup，什麼都不做，我已經有了...... – Uffo 2013-02-16 19:07:58

在你的代碼頂部，你沒有'initial-scale = 1，maximum-scale = 1' - 這些是可以工作的魔法字對於我... 然後，您可以將元素的寬度（在CSS中）設置爲100％... – Ben 2013-02-18 16:31:52

我是個白癡，它看起來像我的主圖像，以便採取整體空間具有224px所以/寬它需要400像素+

來源

2013-02-16 19:28:05 Uffo

如果這解決了您的問題，請接受您的答案，以防止它被列爲未答覆。 – pwdst 2013-02-17 18:40:29

還可以將圖像的寬度設置爲100％，並添加最大寬度和最小寬度以限制圖像過度縮放或縮小。 – pwdst 2013-02-17 18:45:22

jQuery手機頁面不採用頁面的全角/縮放

回答

相關問題