HTML像素定位和引导混淆?
我承认这个问题措词不好,主要是因为我不知道如何措词好。问题是,我一直很困惑如何在页面中定位元素,同时使用引导来保持网站的响应性 在中,我发现很难使用像素,因为出于某种原因,我脑子里有一个想法,像素用于无响应的网站。所以,每当我想做一些更大的东西,我很不确定如何做到这一点,不与引导冲突HTML像素定位和引导混淆?,html,css,twitter-bootstrap,position,pixels,Html,Css,Twitter Bootstrap,Position,Pixels,我承认这个问题措词不好,主要是因为我不知道如何措词好。问题是,我一直很困惑如何在页面中定位元素,同时使用引导来保持网站的响应性 在中,我发现很难使用像素,因为出于某种原因,我脑子里有一个想法,像素用于无响应的网站。所以,每当我想做一些更大的东西,我很不确定如何做到这一点,不与引导冲突 我应该更深入地学习引导或HTML/CSS来克服这个思维问题吗?如果你想创建响应性强的网站,请尝试使用媒体查询。 范例 @media ( max-width:767px){ p{
我应该更深入地学习引导或HTML/CSS来克服这个思维问题吗?如果你想创建响应性强的网站,请尝试使用媒体查询。 范例
@media ( max-width:767px){
p{
font-size:16px;
}
}
@media ( max-width:480px){
p{
font-size:14px;
}
}
@media ( max-width:320px){
p{
font-size:12px;
}
}
在这种情况下,字体大小将根据设备的大小而变化。您可以使用像素,但必须同时管理媒体查询以实现响应性设计
希望这能提供一些粗略的想法。那么你会说不要使用Bootstrap吗?Bootstrap是响应性设计的最佳框架。但对于一些你必须编写媒体查询的事情,我确实理解这一点,但我现在更想学习如何在引导程序中有效地工作,以及在其限制范围内我能做什么和不能做什么。问题是,当我想使用像素,例如,我不知道它是否会弄乱网格。