JavaScript或jQuery-根据div高度/宽度调整表的大小

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

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

我认为jQuery会更好，因为将CSS height属性更改为计算出的值，但是JavaScript也可以工作

---

我对jQuery一无所知，也不知道如何使用JavaScript实现这一点。

使用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 });

希望这有帮助

---

Fabio

您可能需要window.innerWidth和$（window）.on（'resize'，fn）事件来检查窗口大小何时更改

---

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

我想我应该说这将在单独的页面上。例如当您看到标准日历（690px宽）时，您将访问mysite.com/calendar.html。然后单击全屏，您将进入mysite.com/fs_calendar.html。这将是100%宽的日历。我需要jQuery来计算每天上课的高度。我在

部分添加了以下代码，它返回了一个语法错误

var screenWidth=jQuery（window）.width（）；jQuery（'.day'）。宽度（屏幕宽度14/100）。高度（屏幕宽度*14/100）您好，您已经做对了，如果您将代码放在新打开的页面中，应该可以工作。语法错误是因为我在14之前忘记了代码中的*符号，很抱歉。我刚刚编辑了我的回复