Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表格上调整窗口大小_Javascript_Jquery_Css - Fatal编程技术网

Javascript 在表格上调整窗口大小

Javascript 在表格上调整窗口大小,javascript,jquery,css,Javascript,Jquery,Css,我现在正在做一个自定义日历,我非常喜欢谷歌日历调整大小的方式,以便更好地适应当前的屏幕大小,我浏览了谷歌,但似乎找不到他们是怎么做的。他们是调整整个页面的大小还是只调整表div的大小?有没有办法用纯css实现这一点?我的印象是,您可以使用javascript和/或jquery计算分辨率,并从中重做css,但如果可能的话,使用好的旧css就更好了。这不是其中之一。GIIME TE代码发布。但是,对这一功能背后的机制进行一个很好的解释,不仅会让我受益匪浅,我确信,这是值得称赞的:)对我来说,纯CSS

我现在正在做一个自定义日历,我非常喜欢谷歌日历调整大小的方式,以便更好地适应当前的屏幕大小,我浏览了谷歌,但似乎找不到他们是怎么做的。他们是调整整个页面的大小还是只调整表div的大小?有没有办法用纯css实现这一点?我的印象是,您可以使用javascript和/或jquery计算分辨率,并从中重做css,但如果可能的话,使用好的旧css就更好了。这不是其中之一。GIIME TE代码发布。但是,对这一功能背后的机制进行一个很好的解释,不仅会让我受益匪浅,我确信,这是值得称赞的:)

对我来说,纯CSS是实现这一点的最简单的方法。你应该仔细观察页面的布局。这些用于根据浏览器窗口的大小更改页面布局

据我所知,谷歌日历只是改变了日历中每一列的宽度,所以它应该一点也不难

在我看来,你可以使用媒体查询和流畅的布局来实现这一点,甚至可能是比谷歌更好的结果,因为当你有一个非常小的窗口时,谷歌日历就不太好用了


希望这能有所帮助:)

使用媒体查询基本上意味着我需要为每个分辨率创建一个样式表或样式调用?媒体查询的目的不是改变日历的宽度,而是改变较小分辨率的布局,以提供更适合小型浏览器的布局。在谷歌日历上,当你将窗口调整为非常小时,每个日期框的大小都会变得非常小——媒体查询可以用来改变布局,从将所有日期都放在一起,试图将整个月压缩到窗口的小宽度中,改为将所有日期堆叠在一起,占据整个宽度。但是,对于基本用途,仅使用流体布局就足够了。