0

我目前正在处理自定义日历,我非常喜欢谷歌日历调整大小以更好地适应当前屏幕尺寸的方式,我查看了谷歌但似乎无法找到他们是如何做到的。他们是调整整个页面的大小还是只调整表格 div 的大小?有没有办法用纯CSS来实现这一点?我的印象是,您可以使用 javascript 和/或 jquery 计算分辨率并从中重做 css,但如果可以使用良好的旧 css,那就更好了。这不是其中之一。GIIME TE CODES 帖子。但是对这个功能背后的机制的一个很好的解释将比我相信的更多的好处,荣誉:)

4

1 回答 1

1

对我来说,纯 CSS 是实现这一目标的最简单方法。您应该查看媒体查询和流畅的页面布局。这些用于响应式网页设计,以根据浏览器窗口的大小更改页面布局。

据我所见,谷歌日历只是改变了日历每一列的宽度,所以一点也不难。

在我看来,您可以使用媒体查询和流畅的布局来实现这一点,甚至可能比谷歌取得的结果更好,因为当您的窗口尺寸非常小时,谷歌日历就不能很好地工作!

希望这会有所帮助:)

于 2013-02-13T23:59:23.433 回答