Question

我是BootStrap的新手，我脑子里想到了以下问题。

在bootstrap中使用px和百分位数建议的方法是什么？
如果我使用PX，网站视图是否会有任何影响？

Answer 1

像素单位和百分位单位之间存在非常显着的差异。根据定义，百分位数是基于容器大小的可变维度，而以像素为单位声明的大小总是占用给定的像素数。

您需要根据您要完成的任务进行选择：

您是否需要渲染大小始终为固定数量的像素？然后挑选像素（或其他固定单位）（这不是响应）
您希望渲染的大小根据容器的尺寸而改变吗？然后选择百分位数

了解差异的最佳方法是尝试两者。并更改浏览器窗口的大小。

<div style="width: 80%; border: 2px solid #000; height: 30px">
  <span>80% WIDE DIV</span>
</div>
  
<div style="width: 40%; border: 1px solid #00F; height: 30px; float: left;">
  <span>60% WIDE DIV</span>
</div>
<div style="width: 40%; border: 1px solid #F00; height: 30px; float: left;">
  <span>40% WIDE DIV</span>
</div>  
<div style="clear:both; margin-bottom: 20px;"></div>

<p>FIXED LAYOUT</p>
<div style="width: 300px; border: 2px solid #000; height: 30px">
  <span>300px WIDE DIV</span>
</div>
  
<div style="width: 160px; border: 1px solid #00F; height: 30px; float: left;">
  <span>160px WIDE DIV</span>
</div>
<div style="width: 140px; border: 1px solid #F00; height: 30px; float: left;">
  <span>140px WIDE DIV</span>
</div>  
<div style="clear:both;"></div>

选择PX和Percentile

1 个答案: