2017-03-07 3 views
1

私はGithubのホストされたサイトにMapbox Mapを持っていて、それはWordpressサイトに映し出されています。 Wordpressのミラーは、どのようにすべきかをモバイル上に表示していません。デスクトップバージョンを表示しているかのように、非常に小さくて読みにくいですが、元のサイトは正しく表示されます。オリジナル Side-by-side comparison of mapshttp://jfact0ry.com/theRIDE/私のWordPressのページは突然モバイルフレンドリーではないのですか?

ミラー:http://ridesitka.com/map/

私は地元の交通機関のために、このマップを作りました。彼らのウェブサイトはWordpress.orgサイトでホストされています。これは、異なるワードプレスでこの負荷になるだろうサイトtheRIDE/index.html

それはなんのために完全なHTMLですSup-a-Dillie-O

<?php 
/** 
    Template Name: Content Only 
*/ 
?> 
<html> 
<head> 
    <title><?php wp_title('|', true, 'right'); bloginfo('url'); ?></title> 
    <style> 
     html,body,div,iframe {height:100%;} 
     p {position:relative;overflow:hidden;} 
     iframe {border:none;width:100%;} 
     body {margin:0;padding:0;} 
    </style> 
</head> 

<body> 
     <?php while (have_posts()) : the_post(); ?> 
     <?php the_content(); endwhile; ?> 
</body> 
</html> 

に(クレジットは何を:私はワードプレスのテンプレートとしてこれをiframeのページを使用しました?私はそれがモバイルフレンドリーにするために変更する必要があります

ありがとう

EDIT:?。画像の変更URL

答えて

1
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> 

これは、スケールの権利を設定します。あなたの<head>セクションでは、あなたはこれを逃しています。

この1つは

Correct

に動作します。この1は

Incorrect

+1

は、問題を特定するあなたの助けをありがとうはありません。私は今、テーマ>エディタの下でWordpressのヘッドタグを編集できることを知っています。私はWordpressのインターフェイスに慣れていない... – jfact0ry

関連する問題