Html 使用任意大小的显示器进行网站布局和内容修复

Html 使用任意大小的显示器进行网站布局和内容修复,html,css,web,Html,Css,Web,当我们的显示器尺寸改变时,如何进行网站布局和网站内容修正???就像从15英寸显示器变为21英寸显示器一样…网站中的所有内容都不会改变。 有时,当我们在另一台显示器大小不同的笔记本电脑上看到我们的网站时,网站的内容就会崩溃 我制作了一个应用程序,其中我使用了div标签,但一个问题是,在其他或大分辨率监视器中,它显示不同的视图,而其他一些监视器显示我的网站的另一个视图。那么,我怎样才能确定所有显示器分辨率的视图。我认为媒体查询听起来像是你的救星。您可以使用它们创建一个响应迅速的站点—从手机到平板电脑

当我们的显示器尺寸改变时,如何进行网站布局和网站内容修正???就像从15英寸显示器变为21英寸显示器一样…网站中的所有内容都不会改变。 有时,当我们在另一台显示器大小不同的笔记本电脑上看到我们的网站时,网站的内容就会崩溃


我制作了一个应用程序,其中我使用了div标签,但一个问题是,在其他或大分辨率监视器中,它显示不同的视图,而其他一些监视器显示我的网站的另一个视图。那么,我怎样才能确定所有显示器分辨率的视图。

我认为媒体查询听起来像是你的救星。您可以使用它们创建一个响应迅速的站点—从手机到平板电脑再到桌面等。通过媒体查询,您可以针对不同的分辨率,并使用CSS修复/排序/调整您的设计,为用户提供最佳的观看体验。这种方法被称为响应式网页设计,这是目前的流行语

有关信息的一些快速链接:

如果你想买一本书/电子书,我建议:


欢迎来到响应式网页设计的世界,您的完美解决方案在于


您需要浏览媒体查询和响应图像。

在编写样式imho时,您必须使用百分比。