0

我有一个用作日历的 HTML 表格。通常，此日历以 690 像素宽查看，这使得每列 98 像素宽 (690 / 7 = 98)。我希望每个日期都是方形的，所以它们的高度也是 98 像素。

我有一个用于所有日期的 CSS 类。这将高度属性设置为 98 像素。我在底部还有一个按钮，可以让用户全屏查看日历。这意味着表格宽度将设置为 100%（因为所有不同的屏幕分辨率）。但是，再一次，我需要所有的日期都是正方形的。所以我需要一些 JavaScript 或（最好是）jQuery 来计算 14% 的屏幕分辨率是多少（因为有 7 天并且它跨越了 100% 的屏幕。所以现在每列将是 14%）。

我认为 jQuery 会更好，因为将 CSS 高度属性更改为计算值，但 JavaScript 也可以。

我对 jQuery 一无所知，也不知道如何用 JavaScript 做到这一点。

4

2 回答 2

0

您可能需要 window.innerWidth 和 $(window).on('resize', fn) 事件来检查窗口大小何时发生变化。

但更好的方法是添加将宽度设置为容器 14% 的类

于 2013-02-21T22:53:59.380 回答
0

使用 jQuery 非常简单。如果你想知道你可以使用的窗口

var screenWidth = jQuery(window).width()

结束，因为您的所有日期都有一个特定的类（例如 .dateElement），您可以使用 jQuery 来调整所有日期的大小

jQuery('.dateElement').width(screenWidth * 14 / 100).height(screenWidth * 14 / 100);

当函数 resize 并且 jQuery 有一个非常好的事件时，您必须调用此代码：

jQuery(window).resize(function(){// Your code });

希望这有助于法比奥

于 2013-02-21T22:52:20.127 回答