Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使网站完全适合不同的屏幕分辨率?_Jquery_Html_Web_Adaptive Design - Fatal编程技术网

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

Jquery 如何使网站完全适合不同的屏幕分辨率?,jquery,html,web,adaptive-design,Jquery,Html,Web,Adaptive Design,我如何调整和精确匹配(即高度和宽度)以适应不同的分辨率?如何根据屏幕分辨率缩小图像元素,保持其纵横比和位置,如左、上等。请帮助我-我应该采取什么方法。制作不同分辨率的图像是唯一的选择吗 请检查参考资料,我想要类似的结果。每个元素在每n个分辨率上都能很好地适应- 使用HTML和Jquery ,可以使用基础框架和Bootstrap之类的CSS框架。使用CSS -媒体查询,使您的网站在所有类型的设备和不同的屏幕分辨率中都可以查看。 < P>可以使用基础框架和Bootstrap之类的CSS框架。使用CS

我如何调整和精确匹配(即高度和宽度)以适应不同的分辨率?如何根据屏幕分辨率缩小图像元素,保持其纵横比和位置,如左、上等。请帮助我-我应该采取什么方法。制作不同分辨率的图像是唯一的选择吗

请检查参考资料,我想要类似的结果。每个元素在每n个分辨率上都能很好地适应-


使用HTML和Jquery 最简单的方法是使用一个框架,比如.< /p> ,可以使用基础框架和Bootstrap之类的CSS框架。使用CSS -媒体查询,使您的网站在所有类型的设备和不同的屏幕分辨率中都可以查看。

< P>可以使用基础框架和Bootstrap之类的CSS框架。使用CSS-媒体查询使您的网站在所有类型的设备和不同的屏幕分辨率下都可以查看。

您可以通过获得屏幕分辨率来实现这一点,所有这些都是按百分比继承的
屏幕分辨率,您可以从任何地方获得,也可以使用javascript,或者通过应用100%宽度来实现,您可以通过获得屏幕分辨率来实现这一点,所有这些都是按百分比继承的
屏幕分辨率,您可以从任何地方获得它,也可以使用javascript,或者通过应用100%宽度,您可以做的是将HTML/ASP变量中的大小设置为百分比(例如:20%)而不是像素 这将采用窗口的大小并修改所有元素,因为100%表示完整大小


HTH

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


HTH

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

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

谢谢您的回复。但我面临的问题是100%的高度。它只适应宽度,并采取自动高度来保持纵横比。请检查参考资料,我想要类似的结果。每一个元素都很好地适应了每一个n,每一个在你最初的问题中应该知道的分辨率。谢谢你的回答。但我面临的问题是100%的高度。它只适应宽度,并采取自动高度来保持纵横比。请检查参考资料,我想要类似的结果。每一个元素都能很好地适应每一个n,每一个分辨率,这在你的初始问题中是很好的。你为什么不检查一下参考资料中使用的css和脚本,然后按照这些原则工作呢?可以检查浏览器控制台中的任何元素并获得布局和css属性为什么不检查引用中使用的css和脚本并根据这些原则工作?可以检查浏览器控制台中的任何元素并获取布局和css属性