调整html网站的不同屏幕分辨率

Question

我不得不重做一个网站从Flash到HTML/jQuery。 一切看起来不错。直到我在上网本上测试网站时，屏幕分辨率要小得多。所有元素都没有对齐，或者没有按照我的意愿去拉伸。或者到处都有滚动条。

那么，会怎么做我让它伸展或调整不当，

有，我可以设置的地方，会按比例调整所有的属性？

Answer 1

您应该使用百分比（％）的高/宽而不是px/em。更改css文件。

Answer 2

是否有一个属性，我可以设置一个比例调整一切的地方？

什么都可以？不会。字体大小不会根据窗口大小进行调整（至少不是没有JS）。

您可以在样式表中使用百分比单位设置大多数东西的宽度，但即使如此，也会出现一些问题。

当前的流行词是responsive web design（我无法评论该页面链接的质量），其中media queries用于为不同大小的浏览器提供不同的设计。

Answer 3

是否有一个属性，我可以设置一个比例调整一切的地方？

不，我想：P你需要重新布局，使其liquid或使用媒体查询，使其responsive不同的分辨率。恐怕这两种解决方案都可能相当复杂。

Answer 4

不幸的是，没有“魔法”可以将事物向上/向下缩放。我能想到的一些准则：

1. 使用的东西（百分比）相对宽度，而不是绝对值
2. 没有硬连线的尺寸，让他们在不同的CSS文件
3. 你的工作方式了：选择最低分辨率，从中向上工作。它使尺寸变得更容易。

Answer 5

该属性名为Media Query我们主要使用此属性与Responsible Web Design。我们告诉浏览器在特定的screen size处更改特定的css属性。

检查本文的详细http://css-tricks.com/6206-resolution-specific-stylesheets/

&为Responsible Web Design大多在Percentage，而不是Pixels使用价值。

检查THIS网站的更多参考。

Answer 6

问题在于调整大小而不是REALIGN。使用百分位只会改变HTML元素在页面上显示的位置。它不会改变它们的尺寸。

Answer 7

你可以使用百分比和高度来设置你的屏幕的所有resoulation ..给100％宽度的身体和你想要的div给100％的宽度。