如何移动优化wordpress博客

Question

我的wordpress博客（workmoneyfun.com）是关于Genesis Framework Prose Theme的，它完全是移动响应式的。但是，我增加了网站内容区域的宽度，导致未针对移动设备进行了优化。我添加了以下代码以增加宽度。

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，使用媒体查询进行响应。