更改网页的大小

Question

其实我用800x600显示器完成了我的网页。 一切都很好，但我探索时遇到了问题 屏幕更大的页面。

大屏幕存在问题。

enter image description here

Answer 1

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

这非常有效，因为对于手机与平板电脑和桌面显示器，较高的屏幕分辨率可以平衡屏幕的大小，因此“可读”大小的文本将是相同的像素数。不同之处在于您可以在更大的屏幕上使用更多元素。请参阅响应式CSS：http://www.w3schools.com/css/css_rwd_intro.asp

如果您确实希望内容填满相同数量的屏幕，无论屏幕大小如何，您都可以将所有CSS宽度和高度以及字体大小属性定义为视口大小的百分比，请参阅https://css-tricks.com/viewport-sized-typography/。

Answer 2

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

例如： 宽度：10％;