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