因为菜单变得太大而不能降低分辨率,我会删除不太重要的按钮....但是这在mozilla& IE?
的JavaScript
<script>
if(screen.availWidth<=1345)
{var r1=document.getElementById("rem1"); r1.remove();}
if(screen.availWidth<=1255)
{var r2=document.getElementById("rem2"); r2.remove();}
</script>
HTML
<li id='rem1'><a href=''id='pad2'>Resources</a></li>
<li id='rem2'><a href='' id='pad2'>Help</a></li>
答案 0 :(得分:3)
screen.availwidth属性似乎正常,但作为替代方案,您可以使用document.body.clientWidth。要删除该元素,您可以使用r1.parentNode.removeChild(r1);
instead of the .remove() method,但出于您的目的,我建议您在此处调整显示属性:
window.onload = window.onresize = function () {
var r1 = document.getElementById("pad1");
var r2 = document.getElementById("pad2");
r2.style.display = (document.body.clientWidth <= 1345) ? 'none' : 'list-item';
r1.style.display = (document.body.clientWidth <= 1255) ? 'none' : 'list-item';
}
jsfiddle:code + fullscreen
答案 1 :(得分:0)
我相信您是在测量文档的客户端宽度(可用的可用空间)之后。然后你可以使用:
document.documentElement.clientWidth
您可以在此处找到有关此主题的更多信息:
http://www.howtocreate.co.uk/tutorials/javascript/browserwindow