我是html定位新手。我大多使用绝对定位，如：
#div {
position:absolute;
left:50%;
top:30%;
}
当我在Google Chrome中缩放页面时，布局中断了。所有元素的大小都会变大，并且向右移动并且彼此之间的位置变得混乱。当我在Safari中缩放同一页面时，它只是缩放（如静态图片）。
你能解释一下，有什么不对吗？我该如何正确定位？答案 0 :(得分：1)
你正在使用百分比。放大时，百分比将基于容器。如果您不喜欢，请不要使用百分比。当您放大和缩小容器时，容器将调整为新的大小，容器中的元素也将调整。如果您希望某些内容基于像素大小px。
您应该设计布局，以便元素在屏幕大小发生变化时流动并移动到新位置。您应该阅读有关在css中使用@media()的信息。你不想移动的元素，并根据百分比使用%以及你想要使用的东西px
使用@media()可以让您在自己的风格中设置断点，以便根据容器和显示的不同属性进行硬更改。使用不同的@media()组来识别不同的目标，例如（手机，平板电脑，笔记本电脑/台式机，电视）。您还可以根据显示密度设置不同的CSS。
查看@media()：
http://css-tricks.com/css-media-queries/
了解响应式网页设计：http://en.wikipedia.org/wiki/Responsive_web_design
PS。放大或缩小页面的人希望看起来不对劲。大部分时间他们都是在桌面上用旧眼睛做这件事，并期望它打破风格。在这种情况下，他们所关心的只是能够阅读内容。对于任何其他缩放值超过100％的情况，我不会过分强调它的外观。放大手机或平板电脑不会产生同样的效果，并且设计应该没什么问题。但假设您要进行响应式设计，用户无需放大手机或平板电脑。如果您的用户必须放大手机或平板电脑，则无法做出良好的响应式设计。