0

こんにちはみんな私はたくさん検索しましたが、私の問題の解決策を見つけることができません、私はjQuery mobileを使用しています、そして私は持っている要素を持っていますdata-role="page" and data-url="link"

今私の問題は、ユーザーが最大にズームインしているように、私の要素が画面の全幅をとらないことです、それは私が望むものです。私も設定<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);
  });
4

2 に答える 2

0

私はばかですが、メインの画像は224ピクセルのように見えるので、スペース/幅全体を取得するには400ピクセル以上である必要があります。

于 2013-02-16T19:28:05.137 に答える
0

これをドキュメント ヘッドのビューポート タグとして試してください。

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

これにより、決定的な幅が設定され、ズームインとズームアウトが防止され、jQuery で固定幅を取得できるようになります。

于 2013-02-16T17:31:38.627 に答える