Question

如何使网页不出现横向滚动条

网页常见可用性错误——布局外观错误:
除了固定页面的宽度，设置页面宽度的像素值外，还可以将页面宽度设为100%，以保证各个分辨率下的用户都不出现横向滚动条。对于信息量比较大的页面建议使用100%宽度。但100%宽度的页面会增加宽屏用户浏览网页时视线移动的距离，可以用javascript控制这类页面的宽度，给它限定一个最大绝对值。

在制作时碰到困难,不知道用什么设置页面宽度100%,设置表格100%时发现只要表格中文字长度超过表格长度,就会出现横向滚动条,请问这是怎么回事?还有控制宽屏用户的JAVA代码是什么,请高手解答.

Answer 1

<style>
table(width:expression(intParse(window.screen.width)-21);
</style>
获取屏幕宽度的方法是window.screen.width;
一般要减去21，左边滚动条的宽度。
至于你说的100%然后文字长度超过表格长度不换行的问题。你再加个样式试下：word-wrap: break-word;这个是文字宽度达到容器边界换行的样式。
你觉得太宽了别人吧容易看的话可以这样写。
以table的样式为例。
table{width:expression(intParse(window.screen.width)>=1024?1003:(intParse(window.screen.width)-21));word-wrap: break-word;}
这样table的宽度在对方屏幕没有达到1024的时候，会按对方屏幕宽度-21的尺寸来，大于了1024就会是1003的宽度。

Answer 2

用98%试下，以前碰到这样的，好久没搞了