CSS中“像素”和“％”有什么区别？

CSS中“像素”和“％”同为CSS相对长度单位，区别是
%
百分比Percentage；px
像素Pixels
个人比较偏向px，因为px能够精确地表示元素在屏幕中的位置和大小，网页主要是为了屏幕显示，而不是为了打印等其它需要的。
方法
CSS中“像素”和“％”同为CSS相对长度单位，区别是
%
百分比Percentage；px
像素Pixels
个人比较偏向px，因为px能够精确地表示元素在屏幕中的位置和大小，网页主要是为了屏幕显示，而不是为了打印等其它需要的。
1CSS相对长度单位(relative
length
unit)
CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。
以下是CSS相对长度单位列表：
CSS相对长度单位
说明
%
百分比Percentage
em
元素的字体高度The
height
of
the
element's
font
ex
字母x的高度The
height
of
the
letter
"x"
px
像素Pixels
2CSS绝对长度单位(absolute
length
unit)
绝对长度单位是一个固定的值。比如我们常用的有mm，就是毫米的意思。
以下是CSS绝对长度单位列表：
CSS绝对长度单位
说明
in
英寸Inches
(1
英寸
=
254
厘米)
cm
厘

function $(id){
return documentgetElementById(id)
}
function getWidth() {
alert($("ID")offsetWidth + "px");
}
windowonload = function() {
getWidth();
}

这样就可以获得id为"ID"的元素的宽度值了，这个值是像素值来的，即使你设置百分比，它也是返回一个像素值~

css按钮宽度不能给百分数原因是按钮的文本内容、边框宽度、内边距、外边距等。
CSS按钮的宽度可以使用像素、点、em、rem等单位进行设置，也可以使用百分数来设置宽度。但是，按钮的宽度受到多种原因的影响，例如按钮的文本内容、边框宽度、内边距、外边距等，因此，百分数单位并不能直接应用于按钮的宽度设置。
在实际应用中，为了使按钮能够适应不同的屏幕尺寸和设备类型，通常会使用响应式设计进行布局和样式设置。

---