CSS清除不适用于Media Query

用户名

iv在宽度25%处获得4 div,div 1文本div 2图像,diz 3文本div 4图像@媒体480我想划行,但是div 3卡住了,我有3行:(认为你得到了我意思是大声笑。Iv在2 div上都放了一个透明的,是的,它可以工作,但是在媒体768上它应该在1行上,但是知道它仍然在2行上,但是在屏幕上,所以我把它都清除了,然后它就不能再工作了

<div id="box1" class="column1 four">
        <h3>BOX 1</h3>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
    </div>
    <div id="box2" class="column1 four">
        <h3>BOX 2</h3>
        <img src="img/box2.jpg">

    </div><div class="clear"></div>
    <div id="box3" class="column1 four">
        <h3>BOX 3</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.</p>
    </div>
    <div id="box4" class="column1 four">
        <h3>BOX 4</h3>
        <img src="img/box4.png">

</div>

的CSS

@media only screen and (min-width: 480px) {
 .clear {clear: both}

}

@media only screen and (min-width: 768px) {

} .clear {清除:无;}

吉尔达斯·坦博

了解如何编写和使用CSS媒体查询

@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}

所以你的情况应该是

@media only screen and (min-width: 480px){
 .clear {clear: both}
}

@media only screen and (min-width: 768px) {
 .clear {clear: none;}
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS Media Query仅适用于调整浏览器大小(Chrome)

来自分类Dev

SDN 4 Session.query不适用于@QueryResult

来自分类Dev

Parse.query lessThanOrEqualTo不适用于日期

来自分类Dev

CloudKit Query适用于Xcode版本构建,而不适用于TestFlight

来自分类Dev

CSS-@media不适用于Firefox和IE

来自分类Dev

CSS @media查询不适用于元标记

来自分类Dev

WP_Query不适用于元数据字段

来自分类Dev

raw_query-更新多个列-不适用于Idiorm

来自分类Dev

JdbcTemplate类型的方法query(String,ResultSetExtractor <T>)不适用于参数(String,BeanPropertyRowMapper)

来自分类Dev

SQL Query可在SQL Developer中使用,但不适用于Java端

来自分类Dev

SPEL表达式不适用于@Query中的#{#entityName}

来自分类Dev

$ wp_query-> max_num_pages不适用于CPT

来自分类Dev

Laravel Query Builder中的条件WHERE语句不适用于LIMIT

来自分类Dev

使用QUERY + REGEXMATCH导入功能不适用于排除和选择参数

来自分类Dev

查询+ Importrange函数不适用于Contains参数(QUERY:PARSE_ERROR)

来自分类Dev

Firestore安全规则:request.query.limit不适用于复合查询

来自分类Dev

htacces多个重写规则不适用于RewriteCond%{QUERY_STRING} ^ $

来自分类Dev

MySQL可在控制台中运行,但不适用于PHP的mysqli-> query()函数

来自分类Dev

Codeigniter $ query-> row()方法不适用于字符串参数

来自分类Dev

JdbcTemplate类型的方法query(String,ResultSetExtractor <T>)不适用于参数(String,BeanPropertyRowMapper)

来自分类Dev

SQL Query可在SQL Developer中使用,但不适用于Java端

来自分类Dev

raw_query-更新多个列-不适用于Idiorm

来自分类Dev

Google表格错误:QUERY()不适用于包含许多列的数据范围

来自分类Dev

MySQL VALUES() 函数不适用于 Codeigniter db->query()

来自分类Dev

WC_Product_Query 不适用于 have_posts()

来自分类Dev

清除缓存不适用于视频

来自分类Dev

CSS为何“清除:两者”不适用于<a>标记,是否有原因?

来自分类Dev

CSS不适用于HTML

来自分类Dev

CSS过渡不适用于导航

Related 相关文章

  1. 1

    CSS Media Query仅适用于调整浏览器大小(Chrome)

  2. 2

    SDN 4 Session.query不适用于@QueryResult

  3. 3

    Parse.query lessThanOrEqualTo不适用于日期

  4. 4

    CloudKit Query适用于Xcode版本构建,而不适用于TestFlight

  5. 5

    CSS-@media不适用于Firefox和IE

  6. 6

    CSS @media查询不适用于元标记

  7. 7

    WP_Query不适用于元数据字段

  8. 8

    raw_query-更新多个列-不适用于Idiorm

  9. 9

    JdbcTemplate类型的方法query(String,ResultSetExtractor <T>)不适用于参数(String,BeanPropertyRowMapper)

  10. 10

    SQL Query可在SQL Developer中使用,但不适用于Java端

  11. 11

    SPEL表达式不适用于@Query中的#{#entityName}

  12. 12

    $ wp_query-> max_num_pages不适用于CPT

  13. 13

    Laravel Query Builder中的条件WHERE语句不适用于LIMIT

  14. 14

    使用QUERY + REGEXMATCH导入功能不适用于排除和选择参数

  15. 15

    查询+ Importrange函数不适用于Contains参数(QUERY:PARSE_ERROR)

  16. 16

    Firestore安全规则:request.query.limit不适用于复合查询

  17. 17

    htacces多个重写规则不适用于RewriteCond%{QUERY_STRING} ^ $

  18. 18

    MySQL可在控制台中运行,但不适用于PHP的mysqli-> query()函数

  19. 19

    Codeigniter $ query-> row()方法不适用于字符串参数

  20. 20

    JdbcTemplate类型的方法query(String,ResultSetExtractor <T>)不适用于参数(String,BeanPropertyRowMapper)

  21. 21

    SQL Query可在SQL Developer中使用,但不适用于Java端

  22. 22

    raw_query-更新多个列-不适用于Idiorm

  23. 23

    Google表格错误:QUERY()不适用于包含许多列的数据范围

  24. 24

    MySQL VALUES() 函数不适用于 Codeigniter db->query()

  25. 25

    WC_Product_Query 不适用于 have_posts()

  26. 26

    清除缓存不适用于视频

  27. 27

    CSS为何“清除:两者”不适用于<a>标记,是否有原因?

  28. 28

    CSS不适用于HTML

  29. 29

    CSS过渡不适用于导航

热门标签

归档