Html 当我无法使用css时，如何设置特定于设备的视口宽度？

我在我的网站上使用360产品轮换，我希望轮换率为浏览器的50%，低于1000px时为100%。但是，我无法使用媒体查询，因为HTMl中使用了样式/规则。就这样,

<div id="Frame" style="width:100vw;  margin:auto; background-repeat:no-repeat; background-position:center;"></div>

<script type="text/javascript">                 
    $('#Frame').animate360({
         centerInWindow:false, 
         xmlPath: './360-light-1/', 
         objPath: './360-light-1/Images/',
         iconPath: './360-light-1/HTML5/Images/'
    });
</script> 

$（“#帧”）。动画360({
centerInWindow:错误，
xmlPath:“./360-light-1/”，
objPath:“./360-light-1/Images/”，
iconPath:“./360-light-1/HTML5/Images/”
});

我曾尝试在css中使用#Frame标记，但没有成功。有没有办法在html中设置断点

您可以使用

@媒体查询

在页面底部包含以下脚本：

<script>

function initialiseFrame() {
var frame = document.getElementById('frame');
frame.removeAttribute('style');
}

window.addEventListener('load',initialiseFrame,false);

</script>

函数initialiseFrame（）{
var frame=document.getElementById（'frame'）；
frame.removeAttribute（'style'）；
}
window.addEventListener（'load'，initialiseFrame，false）；

这将从

#frame

中删除内联样式，以便以后不会覆盖任何

@media query

样式