Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML像素定位和引导混淆?_Html_Css_Twitter Bootstrap_Position_Pixels - Fatal编程技术网

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是响应性设计的最佳框架。但对于一些你必须编写媒体查询的事情,我确实理解这一点,但我现在更想学习如何在引导程序中有效地工作,以及在其限制范围内我能做什么和不能做什么。问题是,当我想使用像素,例如,我不知道它是否会弄乱网格。