我目前正在使用自定义日历,我非常喜欢谷歌日历调整大小以更好地适应当前屏幕大小的方式,我已经浏览了整个谷歌,但似乎无法找到他们是如何做到的。他们调整整个页面的大小还是只调整表格 div 的大小?有没有办法用纯 css 实现这一点?我的印象是您可以使用 javascript 和/或 jquery 计算分辨率并从中重做 css,但如果可以使用良好的旧 css,那就更好了。这不是其中之一。 GIIME TE CODES 帖子。但是我敢肯定,对这个功能背后的机制的一个很好的解释会比我受益更多,荣誉 :)
最佳答案
对我来说,纯 CSS 是实现这一目标的最简单方法。你应该看看Media Queries和流畅的页面布局。这些用于 responsive web design根据浏览器窗口的大小更改页面布局。
据我所知,google calendar 只是简单地改变日历每一列的宽度,所以一点也不难。
在我看来,您可以使用媒体查询和流畅的布局来实现这一点,甚至可能比 google 取得的结果更好,因为当您的窗口非常小时,google 日历就不能很好地工作了!
希望这对您有所帮助:)
关于javascript - 在表格上调整窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14865499/