正如标题所解释的那样,我在显示一条<hr>线时遇到了一些问题.
在IE 7,8,9,谷歌浏览器,Opera Safari,所有相同,没有问题,只有一个不支持像阴影等CSS3效果.
我正在尝试做的是,通过添加该行来分隔一些新闻文章,但在Firefox中该行不在容器中,就像是有位置:absolute;和padding: 500px;
这是我的html标记:
<div class="container">
<div class="main-content-container">
<div class="article-container">
<div class="article-header">
<p class="article-count">0</p><p class="article-categories">1,2, 3, 4, 5</p>
<h1 class="article-title"><a href='#'>Lorem Ipsum is simply dummy</a></h1>
<p class="article-auth-date">2013 Apr 06</p>
</div> <!-- end of article-header -->
<img alt="bla bla bla" src="http:/localhost/uploads/test.png" style="border: none;">
<div class="article-post">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown …Run Code Online (Sandbox Code Playgroud) 是否可以从 UI 页面运行 gulp 任务?
示例:有一个 web 表单或任何类型的输入,当你点击任何按钮时,运行一个已经定义的特定任务(运行构建,编译 sass,你命名它。)
谢谢
我有一个小问题,我的css媒体查询被忽略,或主css是.
我正在尝试更改媒体查询中大小字体的值,桌面为75px,移动设备(max-width:320px;)为40px左右.但它不起作用.
我的css媒体查询代码是:
/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) {
h1.site-title {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1em;
}
}
Run Code Online (Sandbox Code Playgroud)
当我更改媒体查询css中的font-size值时,它会在整个页面中更改.(桌面,平板电脑等)
我做错了什么?:(
谢谢,
干杯
PS:CSS媒体查询是一个单独的文件,添加在html头中,我有这一行:
<meta name="viewport" content="width=device-width">.
Run Code Online (Sandbox Code Playgroud)