Question

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

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

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

我对jQuery一无所知，我不知道如何使用JavaScript。

Answer 1

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

var screenWidth = jQuery(window).width()

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

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

当函数调整大小并且jQuery有一个非常好的事件时，你必须调用这段代码：

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

希望这会有所帮助法比奥

Answer 2

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

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

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

2 个答案: