在网页中按比例实现一个项目

Question

我正在使用具有不同断点的自适应设计。我有一个浮动的固定对象在我的页面。我希望这个对象在960px的媒体下显得小一些。我试了很多很多密码都没有成功……我的最后一个是这个，但是没有。

<style> 
#imCell_1 {  position: fixed;  right: 20px;  top: 80;  background-color: transparent;  z-index: 6000;  } 
</style>

<style>

@media (max-width:959.9px)
#imCell_1.element.style {
height:70%;
width:70%;
}
</style>

非常感谢你的帮助，我是一个初学者的编码，我没有看到我的错误。真诚,

丹尼尔

Answer 1

找到!也许它能帮助某人……找到的解决方案是:

<style> 
#imCell_1 { 
position: fixed; 
right: 10px; 
top: 80; 
background-color: transparent; 
z-index: 6000; 
}
</style>
<style> 
@media screen and (max-width: 768px) {
#imTextObject_27_01 {
height:80%;
width:80%;
}
}
@media screen and (max-width: 393px) { 
#imTextObject_27_01 {
height:70%;
width:70%;
}
}
</style>

祝你一周愉快。