自适应设计：960px断点下固定元素按比例缩小的实现问题求助

你的代码里有几个关键错误，导致样式不生效： #

• 媒体查询语法错误：@media规则必须用大括号{}包裹内部样式，你漏写了开头的{，整个媒体查询块直接失效。
• 选择器错误：#imCell_1.element.style是错误写法，.element.style是匹配元素内联样式的特殊选择器，你要修改的是ID为imCell_1的元素，直接用#imCell_1即可。
• 属性值缺失单位：top: 80没有单位，浏览器无法识别，必须写成top: 80px这类带单位的形式。
• 百分比高度生效条件：如果用height:70%，需要确保父元素（html和body）有明确的高度，否则百分比高度不会起作用。

修正后的完整代码 #

#imCell_1 {
  position: fixed;
  right: 20px;
  top: 80px; /* 补充px单位 */
  background-color: transparent;
  z-index: 6000;
}

@media (max-width: 959.9px) {
  #imCell_1 {
    height: 70%;
    width: 70%;
  }
}

/* 可选：确保百分比高度生效，给根元素设置高度 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

内容的提问来源于stack exchange，提问作者D. FABRE