我正在尝试设置一个基本的响应wordpress主题.首先,我从wordpress.org抓住了工具箱主题并添加了
twitter bootstrap响应式css / js.
我添加了一些基本的测试样式,只是为了减少较小屏幕上的填充并更改颜色以指示其工作.出于某种原因,横向电话的样式不起作用.
您可以查看我的网站here.
我的响应式CSS代码：
/* Large desktop */
@media (min-width: 1200px) {
body {
padding-left: 50px;
padding-right: 50px;
color: green;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) {
body {
padding-left: 30px;
padding-right: 30px;
color: purple;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {
padding-left: 20px;
padding-right: 20px;
color: blue;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
body {
padding-left: 5px;
padding-right: 5px;
color: red;
}
}
