jquery - 使用 Jquery 设置最小宽度

Question

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

我在想这样我可以使用百分比来匹配页面以完全适合。 IE。像这样。

<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:

例如，如果屏幕尺寸小于或等于 600 像素，假设您想为 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
   }
}