如果可能的话,我想在没有JavaScript的情况下做到这一点:
我将有2个或更多的元素在一个页面上,我想改变的顺序,当页面是一个特定的大小。我正在使用媒体查询,并将根据屏幕尺寸提供不同的css。Div " a“通常应该在顶部,但如果屏幕尺寸在480px以下,那么b应该直接在a上。
<div id="a" class="myDivs">Top when on desktop</div>
<div id="b" class="myDivs">Becomes top when under 4
我一直在尝试根据屏幕尺寸重定向,通常在所有的桌面和手持设备上,我猜媒体查询是一个很好的答案,因为当我用javascript screen.width检测屏幕尺寸时,不同的浏览器返回给我不同的屏幕尺寸,这很令人恼火,为什么会发生这种情况。好吧,我需要知道两件事,下面的代码会像javascript一样检测屏幕吗?还是它会检测出100%准确的屏幕尺寸?如果是这样,如果以下css规则为真,我如何触发rediretion javascript代码?
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
我想添加一个脚本
if(screensize>980){
add <script src="somejs">// functions should work without time delay
}
if(screensize<980){
remove <script src="somejs">
}
当屏幕尺寸小于900,我想删除相同的脚本时,用户调整屏幕到更大的尺寸。然后再次根据屏幕大小动态删除和添加脚本。依赖于脚本的函数应该能够正常工作,没有任何问题(动态地),并且没有延迟和重新加载。有没有可能。我试了很多方法,