电脑分辨率怎么调不过来 制作的HTML页面在像素不同的电脑上显示结果不一样,有的还错乱,如何让页面自适应浏览器的宽度
制作的HTML页面在像素不同的电脑上显示结果不一样,有的还错乱,如何让页面自适应浏览器的宽度
制作的HTML页面在像素不同的电脑上显示结果不一样,有的还错乱,如何让页面自适应浏览器的宽度
你描述的需求又名响应式布局,指的是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
根据网页复杂度有两种方案来实现
1、使用百分比控制标签高宽以实现不同分辨率下显示比例的固定,但当分辨率变形到一定程度,或页面内容十分复杂时,仍然会影响到内容的排版
2、使用javascript动态修改页面布局样式,对于简单的布局可以自写JS来调整,对于复杂的布局,可以考虑从网络上找一些具有该功能的JS+CSS前端框架套用

你可以考虑下响应式网页,跨平台兼容各种分辨率。
宽度是不受影响的,高度会受影响,而且在父元素等同图片大小时,不会影响清晰度。
如果只是在PC上保持网页不变形,整体页面直接把宽度定死在1000-1004像素,目前1024的分辨率是最小的,所以可以保持页面不变形。或者可以考虑使用JS或者css3去判断分辨率
如何设置HTML页面自适应宽度的table
table中添加样式 ><table ><tr>
<td>如何设置HTML页面自适应宽度的table</td>
</tr>
</table>
12345<table >
给指定的table设定宽度为百分比;
通过百分比来确定宽度;
不要写具体像素。
function postorder($root)
configure:3458: checking whether the C piler works
configure:3480: g conftest.c >&5
ld: malformed 32-bit x.y.z version number: 11.4.0d1
collect2: ld returned 1 exit status
configure:3484: $? = 1
configure:3522: result: no
configure: failed program was:
|
将table宽度设置成百分比,不要设成像素单位就行:<table width=100%>
将所有列设置为固定宽度,显然是不能满足此类要求的,但是若把全部的列都设置为百分比,恐怕在某些尺寸,或分辨率下,会变得很难看。在Bigtree看来,比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死,留下一列不设置宽度,将table的宽度设置为屏幕的百分比(譬如95%、98%等)。例:<tablewidth="95%" border=1 cellpadding="2" cellspacing="1"<tr <td width=50px nowrap序号</td <td width=150px nowrap分类A</td <td width=150px nowrap分类B</td <td width=200px nowrap名称</td <td nowrap说明</td <td width=100px nowrap操作</td</tr……</table 在本例中,名为“说明”的列,内容比较长,个人认为可以将此列设置为浮动宽度列,用以自适应页面的宽度。 解决此问题的方法是:在明细行的td中,追加 ,这样做可以使半角连续字符强制换行,不至于撑破列宽。例: <td align=left width=150px ……</td 解决此问题的方法是:在定义表格时,追加 ,这样做可以使半角连续字符强制换行,不至于撑破列宽。需要注意的是,使用此参数后, 不要轻易在tr(行)或td(列)中加入height属性,会使table不再被内容撑出适合的高度。例: <table width=95% border=1 cellpadding="2" cellspacing="1" ……</table此方法适用于IE与FireFox浏览器。简单的办法就是把宽度设置为百分比,任何分辨率都适应了
给table加上宽度属性 width=100%
例如
<table width=100%>....