HTML像素定位和引导程序令人困惑？

Question

我承认这个问题措辞不好，主要是因为我不知道怎么说得好。问题是，我一直很困惑如何在我的页面中定位元素，同时使用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;
              }
         }

在这种情况下，font-size将根据设备的大小而改变。您可以使用像素，但并排，您必须管理媒体查询以进行响应式设计。

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