我正在尝试一些JavaScript和媒体查询。我想用javascript来改变一些元素,比如开关元素等。媒体查询JavaScript也在浏览器上工作
当浏览器/设备宽度是320px时,我想做点什么。
我想出了以下,但这不起作用:
if (screen.width < 320){
$('input[type="text"]').insertAfter('label');
$('input[type="text"]').eq(1).remove();
$('input[type="text"]').eq(2).remove();
}
什么我错了?
当我想为我的CSS的一些变化做到这一点,它看起来像这样:
@media only screen and (max-width : 400px) { }
和上面我想转换为JavaScript的例子..
希望有人能帮助我out
对不起,它不适用于我:(我试过上面的例子,但我没有得到一个警告,我已经在你的2个例子中设置...我错了什么? – Caspert 2013-03-28 09:58:11
@Caspert你怎么样检查它?你有console.logged的宽度是什么?为什么你不能只使用媒体屏幕和(max-width:320px){} – lifetimes 2013-03-28 10:00:47
是的我试过了,但我认为我做错了:'console .log(window.width);'它不能用css工作的原因是因为我想替换一个元素中的一些文本,并且还要切换一些对象... – Caspert 2013-03-28 10:05:03