CSS在响应式网页里怎么实现元素的定位？

http://www.mi.com/my/miband/#07
像小米手环页面这个震动，页面缩小了就错位，这种情况怎么解决？

补充一下问题描述吧，怎么让元素在响应式网页中相对于背景图固定在某一个点上？

---

.sh-container .section-01 .container .video-box video
  width: 100%

.sh-container .section-01 .container .video-box
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 27%;
  width: 100%;
  max-width: 1024px;