更改网页的大小
Change the size of a web page
实际上我已经用 800x600 显示器完成了我的网页。
一切都很好，但我在探索时遇到了问题
屏幕更大的页面。
还有大屏幕的问题。
enter image description here
这是大多数 CSS 框架的正常行为。如果字体大小和元素宽度等以像素为单位指定：400 像素填满了 800 像素屏幕的一半，但只是 1900 像素屏幕的一小部分。
效果很好，因为对于手机、平板电脑和桌面显示器，更高的屏幕分辨率平衡了屏幕的大小，因此 "readable" 大小的文本将具有相同的像素数。不同之处在于您可以在更大的屏幕上容纳更多元素。见回应CSS：http://www.w3schools.com/css/css_rwd_intro.asp
如果您真的希望您的内容填满相同数量的屏幕，而不管屏幕大小，您可以将所有 CSS 宽度和高度以及字体大小属性定义为视口大小的百分比，请参阅https://css-tricks.com/viewport-sized-typography/.
为响应式设计提供百分比而不是像素的宽度。以像素和百分比匹配宽度并分配。
例如：
宽度：10%；
实际上我已经用 800x600 显示器完成了我的网页。 一切都很好，但我在探索时遇到了问题 屏幕更大的页面。
还有大屏幕的问题。
enter image description here
这是大多数 CSS 框架的正常行为。如果字体大小和元素宽度等以像素为单位指定：400 像素填满了 800 像素屏幕的一半，但只是 1900 像素屏幕的一小部分。
效果很好，因为对于手机、平板电脑和桌面显示器，更高的屏幕分辨率平衡了屏幕的大小，因此 "readable" 大小的文本将具有相同的像素数。不同之处在于您可以在更大的屏幕上容纳更多元素。见回应CSS：http://www.w3schools.com/css/css_rwd_intro.asp
如果您真的希望您的内容填满相同数量的屏幕，而不管屏幕大小，您可以将所有 CSS 宽度和高度以及字体大小属性定义为视口大小的百分比，请参阅https://css-tricks.com/viewport-sized-typography/.
为响应式设计提供百分比而不是像素的宽度。以像素和百分比匹配宽度并分配。
例如： 宽度：10%；