如何使网站完全适合不同的屏幕分辨率?

时间:2013-12-25 06:21:06

标签: jquery html web adaptive-design

我如何适应和精确匹配(即高度和宽度)到不同的分辨率?如何按照屏幕分辨率缩小图像元素,保持其宽高比和左,上等位置等。请帮助我 - 我应该采取什么方法。为不同的分辨率制作不同的图像只是选项吗?

请检查参考我想要类似的结果。每个元素都能很好地适应每个分辨率 - blacknegative.com

使用HTML和Jquery !!!

5 个答案:

答案 0 :(得分:2)

最简单的方法是使用Responsive DesignFoundation框架。

答案 1 :(得分:1)

您可以使用CSS框架,如基础和Bootstrap。使用CSS - 媒体查询可以在各种设备和不同的屏幕分辨率下查看您的网站。

答案 2 :(得分:1)

你通过获得屏幕分辨率来做到这一点,所有这些都以百分比方式继承 屏幕分辨率,你可以从任何地方获得这个,使用javascript或应用100%宽度

答案 3 :(得分:0)

您可以做的是将HTML / ASP变量中的大小设置为百分比(例如:20%)而不是像素 这将采用窗口的大小并修改所有元素,因为100%代表完整大小。

HTH

答案 4 :(得分:0)

将所有尺寸设置为百分比。您还可以使用css媒体查询专门针对特定设备或分辨率。