在表上调整窗口大小
Window resizing on a table
我目前正在开发一个自定义日历，我非常喜欢谷歌日历调整大小以更好地适应当前屏幕大小的方式，我浏览了谷歌，但似乎找不到他们是如何做到的。他们是调整整个页面的大小，还是只调整表的大小？有没有一种方法可以用纯css实现这一点？我的印象是，你可以用javascript和/或jquery计算分辨率，并据此重做css，但如果可以用好的旧css，那就更好了。这不是其中之一。GIIME TE代码发布。但是，对该功能背后的机制进行一个好的解释将受益匪浅，而不仅仅是我自己，值得称赞的是：）
对我来说，纯CSS是实现这一点的最简单方法。您应该查看媒体查询和流动页面布局。这些用于响应式网页设计，根据浏览器窗口的大小更改页面布局。
据我所见，谷歌日历只是简单地改变了日历每一列的宽度，所以它应该不会太难。
在我看来，你可以使用媒体查询和流畅的布局来实现这一点，甚至可能比谷歌实现的结果更好，因为当你的窗口非常小时，谷歌日历就不能很好地工作！
希望这能有所帮助：）
相关文章：
- 窗口大小调整事件在ie7中持续触发
- 根据窗口大小调整 HTML 中 SVG 图像的大小
- 在浏览器窗口大小调整时更改 JS 逻辑
- 提示不同的Javascript/JQuery在窗口大小调整为低于/高于设置宽度时显示
- AJAX查询处于活动状态时禁用窗口大小调整
- 如何计算窗口大小调整的大小更改百分比
- jQuery:窗口大小调整功能问题
- 满足某些条件时窗口大小调整和文档加载的 jQuery
- 如何运行窗口大小调整函数
- Craftyjs 在窗口大小调整时重绘
- 浏览器窗口大小调整的 JavaScript 功能
- 当窗口大小调整到 480px 以下时调用函数
- j查询窗口大小调整和媒体查询
- 打开/关闭模式窗口会触发窗口大小调整
- JS或jQuery或窗口大小调整或窗口宽度小于npx时
- 禁用浏览器窗口大小调整
- 单击输入字段触发器窗口大小调整
- 调整大小后，窗口大小调整事件中断切换
- jQuery - 移动元素，其子元素由窗口大小调整触发
- 如何避免由其他事件触发的多次窗口大小调整
