【发布时间】:2013-08-10 08:46:17
【问题描述】:
最近我决定让我的 Wordpress 网站具有响应性。我采用了一个非响应式主题(Evolve)并将其变成这样 http://gopuc.com 。在网站上,当我缩短窗口时,网站看起来很棒。但是,当我尝试在手机上使用它时,网站看起来就像在电脑上一样。让我知道我做错了什么以及如何解决这个问题。
提前致谢。
【问题讨论】:
标签: wordpress mobile responsive-design themes
最近我决定让我的 Wordpress 网站具有响应性。我采用了一个非响应式主题(Evolve)并将其变成这样 http://gopuc.com 。在网站上,当我缩短窗口时,网站看起来很棒。但是,当我尝试在手机上使用它时,网站看起来就像在电脑上一样。让我知道我做错了什么以及如何解决这个问题。
提前致谢。
【问题讨论】:
标签: wordpress mobile responsive-design themes
将您的网站设置为响应式网站请在您的网站中输入 Give 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 的更多建议
【讨论】: