Question

我已经构建了两个解释我的问题的图表; http://i.imgur.com/ocu3uyU.jpg
http://i.imgur.com/W734ij4.jpg
我是css的新手。我基本上只是试图让我的页面上的所有内容在缩放时“保持静止”。但是我遇到了这个问题，我的页面上的元素在缩放时调整/移动真的很奇怪。以下是我的代码片段：

table{width:100px;
height:60px;
margin-left:auto;
margin-right:auto;
background-color:white;
color:white;
}

body{
background: url(background.png), black;
background-position:center; 
background-repeat:repeat-y;

color:white;
}

#bannerImage{
text-align:center;
position:relative;
top:-68px;
margin-left:0px;
padding:0px
p

}

#letters{
text-align:center;
position:relative;
top:-178px;

}

audio{                        //example of element moving wierdly
position:absolute;
left:1500px;


}
div { overflow-x: hidden; }

我如何定位事物以使它们保持静止！

Answer 1

感谢您发布图片以便更好地理解......

而不是左，正确

audio{
position:absolute;
right:50px;
}

这样做：）

编辑：小提琴理解

http://jsfiddle.net/MarmeeK/tsaB8/

缩放时页面上的图像和元素无法正确调整

1 个答案: