Question

只是一个简单的小问题。如果我使用Jquery来检测用户的浏览器窗口大小，然后获取该值并使用该值声明CSS属性min-width;这对于向用户显示网页是一种有益的方式，无论观看设备如何？（使用媒体查询可以检测到智能手机和平板电脑。）（主要是我正在考虑使用宽屏等用户。）

我这样想我可以匹配页面以完美地使用百分比。即像这样的东西。

<div id="one"> < (width = 100%)
  <div id="one">Hello World!</div> < (width = 50%)
  <div id="two">Goodbye world!</div> < (width = 50%)
</div>

css会有点像;

#one {
  width :100%
  min-width : (determined by Jquery findings)
}

道歉，如果这没有意义只是想要一两个意见和一点反馈。

Answer 1

您应该使用media query而不是jquery：

例如，如果屏幕尺寸小于或等于600px，我们假设你想为min-width使用不同的值

#one {
     width :100%
     min-width : //your default value for other screen sizes
}    

@media (max-width: 600px) {
   #one {
     width :100%
     min-width : //your value when the screen size is less than or equal to 600px
   }
}

使用Jquery设置minwidth

1 个答案: