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