更改浏览器比例时使用html元素宽度

Nowiko

我有以下html-murkup结构:

<div class="wrapper">
     <div class="my_line"></div>
</div>

包装纸有宽度1200 px我想让div.my_line用户改变屏幕的比例时具有屏幕的宽度100%。我怎样才能做到这一点?我尝试使用background-repeat,我是前端新手,有人可以帮我吗?

亚伦

所以只是在这里猜测,但是您希望my_line div在屏幕达到1200px时拉伸100%的宽度吗?

如果是这样,您将使用以下代码:

/* Check the screen width, in this case looking for the screen to reach 1200px or below. Then extend the my_line div to 100% */
@media (max-width: 1200px) {
  .wrapper .my_line {
    width: 100%;
  }
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

对HTML进行编码时,浏览器并不总是能够检测到更改

来自分类Dev

防止元素在更改浏览器选项卡时失去CSS“焦点”

来自分类Dev

更改浏览器宽度调整大小时的高度

来自分类Dev

如何根据浏览器窗口的宽度输出HTML?

来自分类Dev

如何使用CSS将包装元素扩展到整个浏览器宽度?

来自分类Dev

Wicket:刷新浏览器时不会加载对HTML或Java源的更改

来自分类Dev

当浏览器宽度改变时,如何使DIV的宽度改变?

来自分类Dev

更改浏览器窗口宽度时,按比例放大/缩小所有元素,图像,文本

来自分类Dev

获取HTML文档的宽度以使用浏览器窗口调整大小

来自分类Dev

使用最大宽度和浮动元素跨浏览器时,如何使容器宽度适合内容?

来自分类Dev

减小浏览器宽度时按下按钮

来自分类Dev

更改浏览器宽度时如何更改宽度...?

来自分类Dev

在浏览器处于窗口模式时,元素的宽度较大

来自分类Dev

在对HTML进行编码时,浏览器并不总是能够检测到更改

来自分类Dev

如何使用HTML5 pushState更改浏览器URL时如何处理后退按钮

来自分类Dev

浏览器的最小宽度(显示浏览器的宽度)

来自分类Dev

html根据浏览器大小增加的百分比增加元素的宽度

来自分类Dev

如果浏览器的高度或宽度发生变化但保持比例,则缩放图像

来自分类Dev

元素宽度为PAGE的100%(非浏览器窗口)

来自分类Dev

当内容更宽时,如何使元素保持在浏览器的窗口宽度之内?

来自分类Dev

使用asp.net根据报表查看器中的浏览器宽度更改SSRS中的表格宽度

来自分类Dev

浏览器放大会更改我的li宽度

来自分类Dev

在选择元素中选择选项元素时更改浏览器的蓝色默认颜色

来自分类Dev

使用现有代码基于浏览器宽度更改图像URL

来自分类Dev

使用iPhone浏览器时,键盘折叠后如何触发自动缩小比例?

来自分类Dev

使用 HTML 和 CSS 在 Wordpress 中将图像(不是背景)拉伸到整个浏览器宽度

来自分类Dev

当用户更改 <select> 元素中的选定选项时,如何修改当前显示在浏览器中的 HTML?(asp.net)

来自分类Dev

是否可以仅在特定浏览器宽度时更改 div 的顺序(不仅仅是美观)?

来自分类Dev

浏览器可以更改 HTML 吗?

Related 相关文章

  1. 1

    对HTML进行编码时,浏览器并不总是能够检测到更改

  2. 2

    防止元素在更改浏览器选项卡时失去CSS“焦点”

  3. 3

    更改浏览器宽度调整大小时的高度

  4. 4

    如何根据浏览器窗口的宽度输出HTML?

  5. 5

    如何使用CSS将包装元素扩展到整个浏览器宽度?

  6. 6

    Wicket:刷新浏览器时不会加载对HTML或Java源的更改

  7. 7

    当浏览器宽度改变时,如何使DIV的宽度改变?

  8. 8

    更改浏览器窗口宽度时,按比例放大/缩小所有元素,图像,文本

  9. 9

    获取HTML文档的宽度以使用浏览器窗口调整大小

  10. 10

    使用最大宽度和浮动元素跨浏览器时,如何使容器宽度适合内容?

  11. 11

    减小浏览器宽度时按下按钮

  12. 12

    更改浏览器宽度时如何更改宽度...?

  13. 13

    在浏览器处于窗口模式时,元素的宽度较大

  14. 14

    在对HTML进行编码时,浏览器并不总是能够检测到更改

  15. 15

    如何使用HTML5 pushState更改浏览器URL时如何处理后退按钮

  16. 16

    浏览器的最小宽度(显示浏览器的宽度)

  17. 17

    html根据浏览器大小增加的百分比增加元素的宽度

  18. 18

    如果浏览器的高度或宽度发生变化但保持比例,则缩放图像

  19. 19

    元素宽度为PAGE的100%(非浏览器窗口)

  20. 20

    当内容更宽时,如何使元素保持在浏览器的窗口宽度之内?

  21. 21

    使用asp.net根据报表查看器中的浏览器宽度更改SSRS中的表格宽度

  22. 22

    浏览器放大会更改我的li宽度

  23. 23

    在选择元素中选择选项元素时更改浏览器的蓝色默认颜色

  24. 24

    使用现有代码基于浏览器宽度更改图像URL

  25. 25

    使用iPhone浏览器时,键盘折叠后如何触发自动缩小比例?

  26. 26

    使用 HTML 和 CSS 在 Wordpress 中将图像(不是背景)拉伸到整个浏览器宽度

  27. 27

    当用户更改 <select> 元素中的选定选项时,如何修改当前显示在浏览器中的 HTML?(asp.net)

  28. 28

    是否可以仅在特定浏览器宽度时更改 div 的顺序(不仅仅是美观)?

  29. 29

    浏览器可以更改 HTML 吗?

热门标签

归档