如何移动优化wordpress博客

Question

我的wordpress博客(workmoneyfun.com)是关于Genesis Framework Prose主题的，这是完全移动响应的。然而，我增加了网站内容区域的宽度，这导致了移动端的非优化。我添加了以下代码来增加宽度。

body {
background: #f5f5f5;
margin: 0 auto;
width: 1080px;
}

#inner {
width: 1070px;
padding: 0 10px;
}
.content-sidebar #content-sidebar-wrap {
width: 1040px;
}
.content-sidebar #content {
width: 680px;
}
.sidebar {
width: 320px;
}
.full-width-content #content {
width: 1000px;
}

.footer-widgets-1, .footer-widgets-3 {
width: 330px;
}
.footer-widgets-2 {
width: 280px;
} 

我如何使我的网站移动优化与当前增加的宽度区域？请提个建议。谢谢。

Answer 1

我建议使用%而不是px，使用媒体查询来响应。