小编Gil*_*ger的帖子

我希望通过构建响应式设计来获得帮助.
问题是我不知道如何将元素定位为绝对元素,但与它们之间的顶部比例保持相同的距离.

这是一个示例的链接,您可以在其中调整窗口宽度,并看到两个元素彼此远离,而不是始终从顶部保持相同的空间.所以我正在寻找的是整个事物的伪装缩放,所以它只会变得更小/更大但看起来总是一样的.

当窗口调整大小时,如何让元素上升并从顶部缩小空间？

http://jsfiddle.net/QV6DR/

.container {
    width: 100%;
    height: 1000px;
    position: relative;
    background: #eee;
}

.container div {
    height: 0;
    position: absolute;
    background: #ccc;
}

.elm1 {
    width: 20%;
    padding-bottom: 20%;
    top: 20%;
    left: 5%;
}

.elm2 {
    width: 30%;
    padding-bottom: 30%;
    top: 40%;
    right: 10%;
}

我是Chrome扩展程序的新手,想了解所有类型的脚本/页面是如何工作的.

这是我的理解:

首先 - 有"内容脚本",应该用于实际修改页面.

第二 - 有一个"后台脚本",设计用作发送和接收消息的服务器,但它不会修改页面的DOM; 因此它可以执行诸如处理存储和脚本之间的通信但不修改页面之类的任务.

最后 - 有"弹出脚本",它们与内容脚本和后台脚本分开,但您仍然可以在它们之间发送/接收消息.
弹出脚本不能直接修改页面(与后台脚本相同),它们只能向其他两个发送消息.
你根本不在清单文件中声明它们,你可以直接在弹出的html文件中使用它们.

最后,只有内容脚本最终才能真正修改页面.

我对么？