调整html网站的大小以获得不同的屏幕分辨率

Question

我不得不重做一个从flash到html / jquery的网站。 一切看起来都很棒。直到我在上网本上测试网站，屏幕分辨率要小得多。所有元素都没有对齐或没有像我想要的那样延伸。或者到处都有滚动条。

那么，我该怎样才能让它拉伸或调整大小，

我是否可以设置一个可以按比例调整所有内容的属性？

Answer 1

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

Answer 2

  

我是否可以设置一个可以按比例调整所有内容的属性？

不，我希望：P您需要重做布局以使其liquid或使用媒体查询将responsive设置为不同的分辨率。我担心这两种解决方案都会非常复杂。

Answer 3

  

我是否可以设置一个可以按比例调整所有内容的属性？

一切吗？不会。字体大小不会根据窗口大小进行调整（至少没有JS）。

您可以使用样式表中的百分比单位设置大多数事物的宽度，但即便如此，也会有一些事情会崩溃。

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

Answer 4

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

查看此文章了解更多http://css-tricks.com/6206-resolution-specific-stylesheets/

＆安培;对于Responsible Web Design，Percentage主要使用Pixels而不是{{1}}。

查看THIS网站以获取更多参考信息。

Answer 5

不幸的是，没有“魔法”可以向上/向下扩展。我可以想到一些指导方针：

1. 使用相对宽度（百分比）而不是绝对值
2. 没有硬连线尺寸，请将它们保存在单独的CSS文档中
3. 以自己的方式工作 up ：选择最低分辨率，从中向上工作。它使得尺寸更容易。

Answer 6

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

Answer 7

你可以使用with和height in percentage来设置所有重新设置的屏幕。给身体100％宽度，你想要的div给100％宽度。