javascript - 在表格上调整窗口大小

标签 javascript jquery css

我目前正在使用自定义日历,我非常喜欢谷歌日历调整大小以更好地适应当前屏幕大小的方式,我已经浏览了整个谷歌,但似乎无法找到他们是如何做到的。他们调整整个页面的大小还是只调整表格 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/

相关文章:

html - 缩略图图像大小不起作用

css - 如何使 SCSS linter 接受蛇形小写和带连字符的小写作为选择器命名约定

javascript - 如何使用 React Native 在一行中创建两个具有不同对齐方式的文本标签?

javascript - 创建和分派(dispatch)自定义 Javascript 事件是否被认为是一种好的做法?

javascript - 表中的 Accordion 问题 - jquery

javascript - Highcharts 选择,yaxis 未定义

javascript - Rails 刷新 'show' 部分时 :update action executes

javascript - 功能组件中的 React Navigation getParams

javascript - 折叠不适用于 Bootstrap 的移动导航栏

javascript - 动态创建的元素上的事件绑定(bind)?