我将如何修复我网页上的所有内容以在不同尺寸的屏幕上显示相同的尺寸？

Question

我正在尝试使用 Notepad++ 在 HTML5 中创建网页。当我在我的笔记本电脑上打开页面时，它完全适合页面，我有细细的红色条作为图像穿过页面，它们都完美地适合屏幕。但是，当我在较大的计算机屏幕上打开图像时，图像不适合屏幕，并停在屏幕中间。这与其他图像和文本一样，看起来被拉伸了。如果我将尺寸设置为适合我的电脑屏幕，它们就会越过我笔记本电脑上的正确位置。谁能帮忙解决一下，谢谢。

Answer 1

您可以使用 .css 文件更改此行为

Google 类似于："Responsive images with css3"

祝您学习愉快:)

Answer 2

也许你必须搜索 "responsive web design"，就像 Sharemes 评论的那样。 我想你想让你的网站完全响应设备宽度。 我建议研究一下 "Twitter Bootstrap"，这是使用最广泛的响应式网页设计 css。