响应式网站的工作方式与计算机相同

时间:2013-08-10 08:46:17

标签: wordpress mobile responsive-design themes

最近我决定让我的Wordpress网站响应。我采用了一个非响应主题(Evolve)并将其设为http://gopuc.com。在我缩短窗口的网站上,网站看起来很棒。但是,当我尝试在手机上使用它时,该网站看起来就像在计算机上一样。让我知道我做错了什么以及如何解决这个问题。

提前致谢。

1 个答案:

答案 0 :(得分:0)

使您的网站成为响应式网站的堡垒请在您的网站中使用“授予HTML和Css代码”。

HTML 的     

   <title>My cool site huzzah</title>

   <?php
     if (!$_GET['resp'] == 'no') { ?>
       <meta name="viewport" content="width=device-width">
   <?php } ?>

</head>

<body class="<?php if (!$_GET['resp'] == 'no') { echo "resp"; } ?>">

Css代码

.page-wrap { width: 80%; }

@media (max-width: 600px) {
  .resp .page-wrap { width: 100%; }
}

并查看本网站以获取有关Responsive theme

的更多建议