Question

为什么GridLayout 布局会在屏幕外面

Answer 1

让网页版面自动适应屏幕分辨率的技巧

一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接，主要*表格来定结构，那么你就可以使用该方法。非常适用于主要*表格、文字来表达信息的简单的网页页面。
制作表格时，只要你把表格的宽度属性定义为100% ，表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
自然拉伸法的好处自不必说，可以总是充满整个屏幕，但是弱点也很明显：一来如果网页版面复杂，各图形元素之间有精确的的定位关系，一旦拉开或者压缩就会彻底变形；二来即使版面不太复杂，文字行数亦不好控制。有时候分辨率一旦变化，要么太密，要么太挤，就失去了作者设计版面的意图了。所以目前各大网站普遍采用的方法是固定居中法！
该方法的制作方法很简单。在制作最大的表格时，把表格属性的宽度像素定义为一个固定数值，并且让表格居中即可。以后制作的表格，就会限定在这个表格之内，永远都不会超出800×600分辨率的屏幕，网页的大小相当于固定死了。当浏览者使用1024×768的分辨率浏览网页时，屏幕两边就会留下白边，看起来觉得比较自然。
三、 兵分两路
如果你的网页不经常更新，而且对页面效果极其在意，那好，你就设计两个页面，分别对应800×600和1024×768两种分辨率。把这两个首页文件分别命名为index800.htm和index1024.htm 。然后在空白的索引页index.htm中加入以下代码到前面：