Question

在div+css中,不同的宽度使用不同的样式，如何实现？

在css中写，调节屏幕宽度，显示样式跟着变化
问题我重新补充吧
我就是想知道
根据div宽度改变css内容，选择器怎么写

Answer 1

你说的是相应式布局吗 要是那样的话 用css的媒体查询即可 没必要真js jq之类的复杂查询
/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

Answer 2

亲，这是JS实现的，首先获取当前屏幕的分辨率，得到宽度，然后再把值赋过去。

Answer 3

就是宽度不要设置熟知，设置成100%

Answer 4

先导入jquery。然后$("XXX > div").css("width","XX");

Answer 5

什么宽度？屏幕宽度，还是div的宽度？

追问

div的宽度

追答

用JS来实现，得到当前的宽度，改变DIv的样式

var w = $('.div').css('width');
if( w == 300){
$(this).addClass('定义的样式的名称');

}else{
$(this).addClass('定义的样式的名称');
}

追问

有太多分类了，单写css，有种分类的方式，只是忘记怎么写了

追答

给一个div 定义多个Class的值 不同的高度 给不同的class的值 就可以啊