CSS набор элементов ширина по ширине экрана

Question

Кто-то может дать мне исходный код jsfiddle, когда jQuery jQuery может установить css, изменив размер окна?

Мой ангел не очень хорош, я стараюсь искать в сети, но не нашел.

Answer 1

Javascript Пример: JSFiddle Demo

Изменить элемент CSS на изменение размера:

Если viewport ширина меньше 800, то он изменит ширину #test DIV

HTML

<h1 id="width"></h1> 
<div id="test"></div> 

CSS

#test { width:200px; height:50px; background:red; } 

Javascript

// set the initial width 
var viewportWidth = document.documentElement.clientWidth; 
var el = document.getElementById("width"); 
el.innerHTML = viewportWidth + "px"; 

// on resize 
window.addEventListener('resize', function(event){ 

    var viewportWidth = document.documentElement.clientWidth; 
    var test = document.getElementById("test"); 
    var el = document.getElementById("width"); 

    el.innerHTML = viewportWidth + "px"; 

    if(viewportWidth < 800){ 
     test.style.width = "500px"; 
    } 
}); 

Answer 2

Я думаю, что это то, что вы ищете:

Если элемент имеет класс element

$(window).resize(function() { 
    $(".element").css("width", window.innerWidth;); 
}); 

Тогда вы могли бы сделать что-то вроде window.innerWidth/2 или window.innerWidth - 50.