如何构建独立于分辨率的网站？

Question

如何编写与分辨率无关的html代码，它将以任何分辨率和任何pc显示器大小显示相同的内容。 我正在使用Asp.net

Answer 1

您正在寻找的是响应式网页设计。有几种可能的方法。您可以根据需要选择

  

  

1. 您可以使用媒体查询为不同的屏幕定义不同的样式表。这是目前最常用的方式。
   先睹为快：   http://css-tricks.com/css-media-queries/和   https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

  

2. 您可以使用视口元标记。
   先睹为快：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

  

3. 您可以用％（流体响应）设计所有内容，但这部分非常棘手。根据我的经验，我可以说设计一个完整的   以％为单位的网站非常困难。

  

我建议你学习媒体查询。它非常简单可靠。

Answer 2

对于不同的桌面分辨率，有一种响应类型称为流体响应，您在百分比％中分配几乎所有元素大小。