使用jquery设置最小宽度

只是一个小问题。如果我使用Jquery来检测用户浏览器窗口大小，然后获取该值并用该值声明CSS属性最小宽度;无论观看设备如何，这将是向用户显示网页的有益方式？（智能手机&平板电脑将被检测到使用媒体查询。）（主要是我想用宽屏等用户）使用jquery设置最小宽度

我在想这种方式，我可以匹配页面，以适合使用百分比完美。即像这样的东西。

<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) 
}

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

来源

2015-11-08 Beaniie

您应该使用media query代替的jQuery：

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

#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 
    } 
}

来源

2015-11-08 09:14:13

我明白的概念，但是如何找到决定最小宽度的黄金价值呢？有许多显示设备都有各种尺寸。一个人如何瞄准他们而不必针对每一个人呢？为什么不在获取用户信息后让Jquery为你呈现这些值？ – Beaniie

@Null：当我们设计一个响应式网站时，我认为我们应该只针对一系列尺寸，并根据目标屏幕尺寸设计不同的款式。如果你想瞄准所有这些，我认为你在讨论如何让布局变得流畅，我们可以根据屏幕大小使用不同的百分比。如果您使用jQuery，则在用户调整窗口大小时还必须处理这些情况。欲了解更多信息：http://stackoverflow.com/questions/9780333/fluid-or-fixed-grid-system-in-responsive-design-based-on-twitter-bootstrap –

了解，谢谢你的帮助。 :) – Beaniie

使用jquery设置最小宽度

回答

相关问题