2017-03-07 50 views
1

我在Github托管的网站上映射到Wordpress网站上的Mapbox地图。 Wordpress镜子不会在移动设备上显示它应该如何显示,它非常小且难以阅读,就好像它显示的是桌面版本,但原始网站正确显示。 Side-by-side comparison of maps 原文:http://jfact0ry.com/theRIDE/为什么我的Wordpress页面突然不能移动友好?

镜:http://ridesitka.com/map/

我做了这个映射为本地运输公司。他们的网站托管在Wordpress.org网站上。我用了一个iframe页面,以此为模板WordPress的:(信贷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> 

这是该网站theRIDE/index.html

这是什么,这将使该负载在WordPress的不同的完整HTML是什么?我需要改变,使其与移动友好

谢谢

编辑:?图像的改变URL

回答

1

在你<head>节,你错过了这一点:

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

这台秤的权利。

这一个工程

Correct

这一个不

Incorrect

+1

谢谢你的帮助识别问题。我现在知道我可以在主题>编辑器下编辑Wordpress头标签。我不习惯Wordpress界面...... – jfact0ry

相关问题