скрыть часть контента при разрешении, допустим меньше 640*480

barracuda116 · April 30, 2013

собственно сабж, верстая под все разрешения столкнулся с проблемой: таблицы

изза них на малом разрешении появляется горизонтальная плоса прокрутки.

единственный способ - скрыть таблицы при малом разрешении, но как это сделать ума не приложу и даже не знаю как спросить google чтобы получить нужный ответ

Softlink · April 30, 2013

Сходу могу предложить использовать медиа запросы. На нужном разрешении скрывать ячейки.

Еще есть такой вариант: https://frontender.info/simple-responsive-table/

rus · April 30, 2013

может вам стоит глянуть в эту сторону?

чуток опоздал )))

Edited April 30, 2013 by rus

Bryant-24 · April 30, 2013

Добрый день!

Из похожих работ, на основе думаю, можно будет придти к тому, что Вам нужно, пример:


<script type="text/javascript">
var width, height;
var IE=(navigator.userAgent.indexOf('MSIE')!=-1)
function resizeElement() {
    if(window.innerWidth)
	    width=window.innerWidth;
    else if((document.body)&&(document.body.clientWidth))
	    width=document.body.clientWidth;
    if(window.innerHeight)
	    height=window.innerHeight;
    else if((document.body)&&(document.body.clientHeight))
	    height=document.body.clientHeight;
    if(IE)
    {
	    if(document.documentElement&&document.documentElement.clientHeight&&document.documentElement.clientWidth)
	    {
		    width=document.documentElement.clientWidth;
		    height=document.documentElement.clientHeight;
	    }
    }

    var element=document.getElementById('rightCol');
var elementw=document.getElementById('outer');
    width=(width>900)?"block":"none";
    widthz=(width=="block")?"0 200px 0 200px":"0 0 0 200px";

  element.style.display=width;
	 elementw.style.margin=widthz;
}
window.onload=resizeElement;
</script>
  </head><body onresize="resizeElement()">
<div class="wrap">
    <div id="outer" class="outer">

	    <div class="boxCL">
		    <div class="centerCol">меню</div>
		    <div class="leftCol">контент</div>
	    </div>

	    <div id="rightCol" class="rightCol">скрыть если окно меньше 900px</div>
    </div>
</div>
</body></html>

barracuda116 · April 30, 2013

всем огромное мерси за ответ, теперь знаю куда дальше рыть окопы

Sign In

скрыть часть контента при разрешении, допустим меньше 640*480

Question

barracuda116

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Bryant-24

Link to comment

Share on other sites

barracuda116

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information