要使WordPress主题响应式,可以使用CSS媒体查询来为不同的屏幕尺寸设置样式。以下是一些示例代码:
/* 为小屏幕设备设置样式 */
@media only screen and (max-width: 768px) {
/* 在此处添加样式 */
}
/* 为中等屏幕设备设置样式 */
@media only screen and (min-width: 768px) and (max-width: 992px) {
/* 在此处添加样式 */
}
/* 为大屏幕设备设置样式 */
@media only screen and (min-width: 992px) {
/* 在此处添加样式 */
}
需要注意的是,在编写主题样式时应使用相对单位(如em、rem或百分比)而不是绝对单位(如像素)。这样可以确保在不同的屏幕尺寸下显示效果相同。