[英]How to controle web page element size from the web page size
大家好
实际上,我的网页中有一张大桌子,当我减小网页尺寸时,我想减小它的尺寸。.现在,宽度和高度处于自动状态,当我缩小网页时,一部分我桌子的桌子被藏起来了 我知道,这是一个基本案例..但是我在CSS方面还是很新的。 有人可以帮我吗? 谢谢
ClassDisplay.prototype.displayList = function(list,h)
{
//var font = {'font-family':'monospace', 'font-weight':'plain', 'font-size': 15 };
h = '<div id="plot">';
h += '<button id="plotshow" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-top: 2.3%;">Plot Visualisation</button>';
h += '</div>';
h +="<table id=tablesorterr border='1'>";
var List=list;
//var header = list[0];
//var data=list.splice(3);
//var w = colWidths(header, data, font);
for(var i=0;i<List.length;i++)
{
if(i==0)
{
h+="<thead>";
h+="<tr>";
for(var j=0;j<List[i].length;j++)
{
h+="<th id='tabSSHeader_"+List[i][j]+"'><span>"+List[i][j]+"</span></th>";
}
h+="</tr>";
}
h+="</thead>";
h+="<tbody>";
if(i>=3)
{
h+="<tr>";
for(var j=0;j<List[i].length;j++)
{
objetSite.CURTAB = List[i][j];
if(j==0)
{
h+="<td><a href='#' rel='"+objetSite.CURTAB+"' class='clickOnTabLink'>"+objetSite.CURTAB+"</a></td>";
}
else
h+="<td>"+objetSite.CURTAB+"</td>";
}
h+="</tr>";
}
h+="</tbody>";
}
h+="</table>";
h += '<div id="plot">';
h += '<button id="plotshow" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Plot Visualisation</button>';
h += '</div>';
$("#my_list").html(h);
$("#tablesorterr").tablesorter();
for(var j=0;j<List[0].length;j++)
{
$('#tabSSHeader_'+List[0][j]).tooltip2(List[2][j]);
}
};
使用CSS来完成这项工作。 jQuery很不错,但是您不需要它。 在CSS http://css-tricks.com/css-media-queries/中使用@media查询
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.