怎么调整html页面比例,向HTML页面添加比例_html5_开发99编程知识库

這個問題是有點模糊的&，我不確定你的意思是什麼，但是你可以做一個顏色漸變。 請看這裡的工作示例 ，這裡是( jsfiddle ) 。

html :

20

40

60

80

100

​

css:#scale div {

float: left;

width: 50px;

padding: 10px;

border: 1px #333 solid;

}

Javascript ( Jquery ):$(document).ready(function() {

var scales = $('#scale').children('div');

var length = scales.length;

console.log(scales);

//loop through all the scales

scales.each(function(idx, scale) {

var red = 255;

var green = 255 - (idx/length) * 255;

var blue = 255 - (idx/length) * 255;

var rgb = 'rgb(' + red + ',' + green + ',' + blue + ')'

$(scale).css('background-color', rgb);

});

});​

調整 JavaScript &中的顏色，以適合你的站點需求- 現在它是紅色的，因為你有問題。

編輯：如果這不會改變所有這些或者不是動態的，你可以能更好地解決了 static 解決方案。 你可以在這裡查看 ，我在這裡使用CSS和硬編碼的顏色，每一個"百分比"。