如何使高度自动取决于屏幕分辨率

托莱多公主

我已经思考了将近一天。但是我找不到任何解决方案。

有没有一种方法可以使用滚动条设置自动高度div,因为到目前为止,我正在使用固定高度,但是我看到的问题是,当我在另一台具有更大或更小的屏幕分辨率的笔记本电脑或PC中打开它时,它仍然处于固定状态高度。

这是我的div:

<div style="overflow:auto; width:1050px; height:760px;">

这是我的链接,因此您可以看到该程序

我想要的只是高度将自动取决于屏幕分辨率。

乔什·克罗齐耶(Josh Crozier)

您可以使用脚本来获取计算出的窗口高度并将其设置为等于目标元素高度。在这种情况下,该函数在加载和调整大小时执行。每个具有类别的元素autoheight的高度都将等于窗口高度的高度:

这里的例子

var setElementHeight = function () {
    var height = $(window).height();
    $('.autoheight').css('min-height', (height));
};

$(window).on("resize", function () {
    setElementHeight();
}).resize();

上面的方法很好,因为除了添加类之外,不需要任何其他更改;但是,如果您想避免使用jQuery,可以改为执行以下操作:

这里的例子

html, body {
    height:100%;
    width:100%;
}
.autoheight {
    height:100%;
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

按钮的大小取决于屏幕分辨率

来自分类Dev

屏幕分辨率取决于LCD屏幕还是设备内部的显卡?

来自分类Dev

如何设置与屏幕分辨率成正比的div高度?

来自分类Dev

防止重新调整窗口大小取决于分辨率

来自分类Dev

如何提高屏幕分辨率?

来自分类Dev

如何从C ++检测屏幕分辨率?

来自分类Dev

如何提高屏幕分辨率?

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

如何基于屏幕分辨率javafx在fxml中动态设置首选宽度和高度

来自分类Dev

如何将我的ImageView高度设置为与屏幕分辨率或全屏相同?

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

通过屏幕分辨率更改在线最小高度

来自分类Dev

根据Android中的屏幕分辨率更改视图的高度

来自分类Dev

根据屏幕分辨率自动调整网页大小

来自分类Dev

登录时屏幕分辨率不会自动更改

来自分类Dev

屏幕分辨率检测

来自分类Dev

在Unity游戏中拖动速度不相等取决于分辨率

来自分类Dev

Windows / Cygwin / Python:分辨率取决于手动输入还是Shell脚本?

来自分类Dev

如何同步屏幕分辨率和信号分辨率

来自分类Dev

自动设定分辨率

来自分类Dev

如何使用MVVM模式将窗口的高度限制为屏幕分辨率的百分比?

来自分类Dev

Android:SurfaceView分辨率低于屏幕分辨率

来自分类Dev

如何使用LIBGDX获取Android设备的屏幕分辨率?

来自分类常见问题

如何更改Raspberry Pi的屏幕分辨率

来自分类Dev

如何通过jenkins在Linux上更改屏幕分辨率?

来自分类Dev

设备屏幕分辨率如何在CSS中缩放?

来自分类Dev

Java Tookit屏幕分辨率-如何使用它?

来自分类Dev

如何获得显示分辨率(屏幕尺寸)?

来自分类Dev

如何使用SDL2获得屏幕分辨率?

Related 相关文章

  1. 1

    按钮的大小取决于屏幕分辨率

  2. 2

    屏幕分辨率取决于LCD屏幕还是设备内部的显卡?

  3. 3

    如何设置与屏幕分辨率成正比的div高度?

  4. 4

    防止重新调整窗口大小取决于分辨率

  5. 5

    如何提高屏幕分辨率?

  6. 6

    如何从C ++检测屏幕分辨率?

  7. 7

    如何提高屏幕分辨率?

  8. 8

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  9. 9

    如何基于屏幕分辨率javafx在fxml中动态设置首选宽度和高度

  10. 10

    如何将我的ImageView高度设置为与屏幕分辨率或全屏相同?

  11. 11

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  12. 12

    通过屏幕分辨率更改在线最小高度

  13. 13

    根据Android中的屏幕分辨率更改视图的高度

  14. 14

    根据屏幕分辨率自动调整网页大小

  15. 15

    登录时屏幕分辨率不会自动更改

  16. 16

    屏幕分辨率检测

  17. 17

    在Unity游戏中拖动速度不相等取决于分辨率

  18. 18

    Windows / Cygwin / Python:分辨率取决于手动输入还是Shell脚本?

  19. 19

    如何同步屏幕分辨率和信号分辨率

  20. 20

    自动设定分辨率

  21. 21

    如何使用MVVM模式将窗口的高度限制为屏幕分辨率的百分比?

  22. 22

    Android:SurfaceView分辨率低于屏幕分辨率

  23. 23

    如何使用LIBGDX获取Android设备的屏幕分辨率?

  24. 24

    如何更改Raspberry Pi的屏幕分辨率

  25. 25

    如何通过jenkins在Linux上更改屏幕分辨率?

  26. 26

    设备屏幕分辨率如何在CSS中缩放?

  27. 27

    Java Tookit屏幕分辨率-如何使用它?

  28. 28

    如何获得显示分辨率(屏幕尺寸)?

  29. 29

    如何使用SDL2获得屏幕分辨率?

热门标签

归档