我对复杂的CSS很陌生,有一个问题——我有一个页面,它在页面底部放置了一个浮动元素。它通过设置"底部:0"one_answers"位置:绝对"来执行此操作。
当用户将浏览器的大小调整为非常小时,此元素会覆盖页面上的其他内容。
理想情况下,元素将继续以正常大小和较大大小浮动在浏览器底部,但如果浏览器窗口收缩得太小,浏览器将强制使用滚动条,而不是进一步移动浮动元素。
本质上,我想告诉浏览器——无论窗口有多小,永远不要渲染小于800x600的页面。
您可以设置html, body { min-width: 800px; min-height: 600px; }
YMMV在不同的浏览器。
这实际上取决于浮动页脚是否需要始终可见,或者当浏览器窗口很小时,它是否可以从底部滚动。
我认为有些javascript可能比css解决方案更容易管理。请记住,最小宽度和最小高度并非适用于所有浏览器。
您可以使用jquery来简化此操作。这个$(window).resize(callback)可用于设置回调函数来处理窗口大小调整。
我也使用窗口尺寸作为调整大小代码的一部分。var wh=Math.max(600,$(window).height());var ww=Math.max(800,$(window).width());
然后我可以根据窗口大小设置页面中div的大小。$('div#mydiv').css('width',ww);您也可以将该值设置为auto以取消设置指定的值。
我知道这有点欺骗,但你可以使用老把戏,在浮动元素中放入一个最小宽度的图像,并且与它颜色相同。然后它实际上是不可见的,但可以防止元素,从而防止整个页面收缩。