Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/tensorflow/5.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 填充:1%等于1%的主体宽度_Html_Css_Width_Padding - Fatal编程技术网

Html 填充:1%等于1%的主体宽度

Html 填充:1%等于1%的主体宽度,html,css,width,padding,Html,Css,Width,Padding,我自己在学习RWD,我想出了一个主意,在几乎每个框/分区/元素中使用1%的填充,这样网站看起来总是很智能,是像素完美的,响应速度快。但是,1%的填充基于父元素的宽度,而不是主体的宽度。有没有办法解决这个问题?您可以使用vh和vwcss度量单位。这表示视口高度和视口宽度,1vh为视口高度的1% 关于这一点,最棒的是它算作一个真实的维度,而不是一个百分比,它看起来像一个父元素。您必须使用javascript。当用户更改页面大小时,维护它可能不是一件容易的事情。

我自己在学习RWD,我想出了一个主意,在几乎每个框/分区/元素中使用1%的填充,这样网站看起来总是很智能,是像素完美的,响应速度快。但是,1%的填充基于父元素的宽度,而不是主体的宽度。有没有办法解决这个问题?

您可以使用
vh
vw
css度量单位。这表示视口高度和视口宽度,
1vh
为视口高度的1%


关于这一点,最棒的是它算作一个真实的维度,而不是一个百分比,它看起来像一个父元素。

您必须使用javascript。当用户更改页面大小时,维护它可能不是一件容易的事情。