DIV 宽度调整
DIV width adjustment
我在并排排列的页面中有两个<div>
-s,宽度以百分比定义,例如75%
和25%
。一切都很顺利 100% 浏览器缩放 ,但是一旦我放大一个<div>
就会下降。如何预防这种情况?
如果无法阻止所有缩放大小,那么我是否可以检测到我的<div>
已下降并向用户发出可能缩小的警报?
您可以为body
设置一个min-width
,这将使页面滚动而不是调整大小。
它应该可以很好地缩放。在您的 75%/左 DIV 上放置"float:left",在 25%/右侧 DIV 上放置"float:right"...反之亦然。例:
<div style="width:75%; height:200px; background:#333; float:left; position:relative;"></div>
<div style="width:25%; height:200px; background: #999; position:relative; float:right;"></div>
相关文章:
- 调整Div的大小,同时保持比例
- 单击按钮调整Div Width的大小
- 自动调整 DIV 中嵌入视频流的大小
- 调整 DIV 大小,但在调整窗口大小时保持纵横比
- 如何根据视口大小调整Div高度
- 使用带有Parent和Child元素的Javascript调整Div的大小
- 想要一个平滑的动画时,调整DIV大小
- 用js或jquery调整Div大小
- 根据原始大小调整Div的大小
- 如何调整Div幻灯片的大小
- 调整DIV中所有元素的大小和位置以匹配新的尺寸
- 调整DIV(滑块)到屏幕大小
- 自动调整Div背景图像
- 如何调整DIV的大小以小于其初始宽度&高度
- 添加并调整DIV's在同一个地方
- requestAnimationFrame可以轻松地在IE 9+中调整DIV的大小(没有jQuery或CSS3)
- 我如何触发一个javascript来调整DIV的大小,使其尽可能快地工作
- 使用jquery resizable调整DIV上的句柄大小
- 调整Div的大小以适合不同的文本
- 根据图片调整Div大小单击