Javascript 有没有办法阻止绝对定位的div在小屏幕上消失?
我真的不知道如何解释这一点,所以这里有一张图片: 正如您在图片中看到的,随着屏幕缩小,图片将移出视图,因为我使用了以下代码:Javascript 有没有办法阻止绝对定位的div在小屏幕上消失?,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我真的不知道如何解释这一点,所以这里有一张图片: 正如您在图片中看到的,随着屏幕缩小,图片将移出视图,因为我使用了以下代码: position: absolute; left: 50%; margin-left: -450px; width: 900px; 由于它是减去450像素,它会移动到屏幕的左侧,在那里你再也看不到它了 以下是我的身体标签的代码: body { margin: 0px; padding: 0px; min-width:1000px
position: absolute;
left: 50%;
margin-left: -450px;
width: 900px;
由于它是减去450像素,它会移动到屏幕的左侧,在那里你再也看不到它了
以下是我的身体标签的代码:
body {
margin: 0px;
padding: 0px;
min-width:1000px; /* suppose you want minimun width of 1000px */
width: auto !important; /* Firefox will set width as auto */
width:1000px; /* As IE ignores !important it will set width as 1000px;*/
}
如果你需要更多的信息,请告诉我。
谢谢在父元素(或
正文
)上设置一个最小宽度
,这将使窗口具有水平滚动,而不是离开页面
请注意,
minwidth
是IE 7+在父元素(或body
)上设置一个minwidth
,这将使窗口具有水平滚动,而不是离开页面
请注意,
minwidth
是IE 7+您可以使用媒体查询来适应较小的屏幕尺寸:
@media screen and (min-width: 900px) {
#container {
position: static;
/* Or */
width: 450px;
margin-left: -225px;
}
}
您可以使用媒体查询来适应较小的屏幕大小:
@media screen and (min-width: 900px) {
#container {
position: static;
/* Or */
width: 450px;
margin-left: -225px;
}
}
你到底想要实现什么?你期望什么样的行为?预期的行为是什么?您希望如何将
900px
div安装到600px
屏幕中?当窗口低于900时,框是否应该收缩?这可能很快,但在600px的屏幕上,根本无法显示900px的容器。@FlorianRachor不,一点也不快,我只是想迫使浏览器滚动,你到底想实现什么?你期望什么样的行为?预期的行为是什么?您希望如何将900px
div安装到600px
屏幕中?当窗口低于900时,框是否应该缩小?这可能很小,但在600px的屏幕上根本无法显示900px的容器。@FlorianRachor不,一点也不小,我只是想让它强制浏览器滚动。我试过了,但它仍然离开了页面,我会添加我的主体code@Ian34放置位置:相对代码>在身体上,看看这是否有帮助。哇,多年来我一直在试图解决这个问题,只是这两个词。非常感谢@KtashI尝试了这个,但它仍然会离开页面,我会添加我的身体code@Ian34放置位置:相对代码>在身体上,看看这是否有帮助。哇,多年来我一直在试图解决这个问题,只是这两个词。非常感谢@Ktash