小编mst*_*oiu的帖子

HR在Firefox中显示不同

正如标题所解释的那样,我在显示一条<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&#39;s standard dummy text ever since the 1500s, when an unknown …
Run Code Online (Sandbox Code Playgroud)

html css firefox

3
推荐指数
1
解决办法
2995
查看次数

运行 Gulp 任务 web

是否可以从 UI 页面运行 gulp 任务?

示例:有一个 web 表单或任何类型的输入,当你点击任何按钮时,运行一个已经定义的特定任务(运行构建,编译 sass,你命名它。)

谢谢

forms user-interface task gulp

3
推荐指数
1
解决办法
1349
查看次数

媒体查询被忽略

我有一个小问题,我的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)

media css3 media-queries

1
推荐指数
1
解决办法
6307
查看次数

标签 统计

css ×1

css3 ×1

firefox ×1

forms ×1

gulp ×1

html ×1

media ×1

media-queries ×1

task ×1

user-interface ×1