HTML 像素定位和 bootstrap 混淆？

Question

我承认这个问题措辞不好，主要是因为我不知道如何措辞好。问题是，我一直很困惑如何在我的页面中定位元素，同时使用 Bootstrap 来保持网站响应。

例如，我发现很难使用像素，因为出于某种原因，我脑子里有这样的想法，即像素用于无响应的网站。因此，每当我想做更大的东西时，我都不确定该怎么做，以免与 Bootstrap 冲突。

我应该更深入地研究 Bootstrap 还是 HTML/CSS 来克服这个思想问题？

Answer 1

如果您想创建响应式网站，请尝试使用媒体查询。例子

@media ( max-width:767px){
             p{
                  font-size:16px;
              }
         }
         @media ( max-width:480px){
             p{
                  font-size:14px;
              }
         }
         @media ( max-width:320px){
             p{
                  font-size:12px;
              }
         }

在这种情况下，字体大小将根据设备的大小而改变。您可以使用 Pixel，但同时您必须管理响应式设计的媒体查询。

希望这会给出一些粗略的想法。