使css适应屏幕大小

时间:2017-12-10 16:04:57

标签: css

我最近为我的学士论文创建了一个网站。我使用了css部分的百分比,以便网站适应任何屏幕尺寸。然而,当我从不同的屏幕尺寸查看网站时,各种div在屏幕上不能很好地适应,并且页面的总体布局看起来像是一团糟。我如何解决这个问题,以使其在所有屏幕尺寸上看起来都一样?我无法链接该网站,因为它位于我的大学服务器上,只有在您连接到该网络后才能访问。感谢。

3 个答案:

答案 0 :(得分:1)

虽然我也建议您使用媒体查询,但您始终可以尝试使用CSS3 vhvw进行快速修复,您可以阅读更多相关信息here

答案 1 :(得分:0)

要使网站响应您需要使用媒体查询,您只能使用百分比,因为每个设备上的高度:宽度比不同。

答案 2 :(得分:0)

这是因为你没有让你的网站响应。如果要根据设备类型(屏幕/打印等)应用CSS样式,则需要在CSS文件中编写媒体查询。

您应该查看下面的链接,它有所有标准设备的媒体查询。 Media Queries