当屏幕尺寸为 500 宽度时,我正在使用媒体查询删除 li 上的缩进 html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="row" style="margin-left: 2px; margin-right: 1px;">
<div class="media">
<div class="date pull-left">
<p>7<span>June</span></p>
</div>
<div class="media-body">
<p><strong>xxx</strong> xxxx/p>
<p>Key Points:</p>
<ol>
<li>xxx</li>
<li>xxx</li>
<li>xxxx.</li>
<li>sda</li>
<li>dasdaS</li>
<li>ASdaSDa</li>
<li>aSDas.</li>
</ol>
<a href="xxx"><img src="/static/images/YouTube-icon-full_color.gif"></a>
</div>
</div>
</div>
</body>
</html>
和对应的css:
@media (min-width: 600px){
ul{
margin: 0px;
padding: 0px;
}
li{
margin: 0px;
padding: 0px;
}
}
链接到 JS bin 粘贴 http://jsbin.com/xoqufugo/9/
我的问题是它不起作用。
最佳答案
关于css - 使用媒体查询删除 li 上的缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24319669/