如何移动优化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，对响应式使用媒体查询。