制作带有地图响应的wordpress页面

Question

我在http://www.parentcenterhub.org/find-your-center/

构建了一个包含交互式世界地图插件的页面

我的网站的所有其他网页都是响应，除了这一页。我应该添加什么CSS以及在哪个文件中使这个页面对所有设备（Android，iPhone，平板电脑等）都有响应

Answer 1

我不知道默认情况下是否有二十三个是响应式的，但这不应该是一个问题。您应该在css文件中添加media queries，指定页面中断的特定宽度，然后添加特定于该宽度的css。

例如对于移动设备，您有

@media only screen and (max-width: 767px){
/* css goes here*/
}

对于每个主要元素，您都要指定当屏幕宽度小于767px时的行为方式。

有很多教程在线，所以请查看它们。