如何根据网页大小控制网页元素大小
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查询
相关文章:
- 如何制作链接到网页特定元素的桌面快捷方式
- I'我试图在我的网页上动态地上下移动元素.我该怎么做
- 如何使一个元素从网页的顶部跳到底部再跳回到顶部
- 如何在加载网页时隐藏元素
- 我应该怎么做才能避免在网页上移动元素(html、css、jQuery)
- 从网页获取数据的更好方法,而不是使用DOM和HTML元素
- 获取网页html元素值,而无需使用JavaScript在新窗口或新选项卡中打开页面
- 从数据库创建可单击列表,并在网页元素中返回相关的数据库字段数据
- 如何根据网页大小控制网页元素大小
- 活的网页元素
- 使用 JavaScript 更改网页元素的支持 Bean 的值
- 使用Javascript和JQuery计算网页元素的实际高度时出现的问题
- 缩放网页元素上的事件
- 响应当前显示的节的网页元素
- 我如何从网页元素获得定位器值
- 如何弹出网页元素而不删除它之后
- 放大网页元素
- 用JavaScript实时更新网页元素时出错
- 在JavaScript/jQuery中迭代网页元素的最佳方式
- 是否有一种工具可以捕获所有由浏览器端javascript生成的DOM网页元素作为html,以获得完整的html页面存档