Html 更改网页的大小

Html 更改网页的大小,html,resize,Html,Resize,事实上,我已经用800x600显示器完成了我的网页。 一切都很好,但我在探索时遇到了一个问题 屏幕更大的页面 大屏幕也有问题 这是大多数CSS框架的正常行为。如果字体大小和元素宽度等以像素为单位指定:400像素填充了800px屏幕的一半,但只填充了1900px屏幕的一小部分 这非常有效,因为对于手机、平板电脑和桌面显示器,更高的屏幕分辨率平衡了屏幕的大小,因此“可读”大小的文本将具有相同的像素数。区别在于你可以在更大的屏幕上安装更多的元素。请参见响应式CSS: 如果您确实希望内容填充相同数量的屏

事实上,我已经用800x600显示器完成了我的网页。 一切都很好,但我在探索时遇到了一个问题 屏幕更大的页面

大屏幕也有问题


这是大多数CSS框架的正常行为。如果字体大小和元素宽度等以像素为单位指定:400像素填充了800px屏幕的一半,但只填充了1900px屏幕的一小部分

这非常有效,因为对于手机、平板电脑和桌面显示器,更高的屏幕分辨率平衡了屏幕的大小,因此“可读”大小的文本将具有相同的像素数。区别在于你可以在更大的屏幕上安装更多的元素。请参见响应式CSS:


如果您确实希望内容填充相同数量的屏幕,而不管屏幕大小如何,您可以将所有CSS宽度、高度和字体大小属性定义为视口大小的百分比,请参见。

为响应性设计提供百分比宽度,而不是像素宽度。以像素和百分比匹配宽度并指定

例如:
宽度:10%

问题是什么?你希望得到什么样的结果?一个选择是引导你的网站谢谢你的快速兴趣。我想,该页面将显示像是显示在800x600设置(大)欢迎;你有下面的答案,看看这些。