如何建立响应式网站 [英] How do I make a responsive website

问题描述

我已经为我的网站的4个页面和styles.css中的一些CSS样式提供了一些html文本。但是，我想让我的网站响应，所以我可以在手机上使用它，而不是到处都是。如何在不改变整个代码的情况下做到这一点？



我尝试了什么：



在线寻求帮助，但这一切都令人困惑。我想要一个简单易懂的解释！

I've already got some html text for 4 pages of my website and some css styling in styles.css. However I want to make my website responsive so I can use it on a phone without it going everywhere. How can I do that without changing the whole code?

What I have tried:

Looking for help online but it's all confusing. I want a nice easy explanation!

推荐答案

查看这些：

1. 响应式网页设计基础知识 - Google Developers [ ^ ]

2. 响应式网页设计的三个响应 [ ^ ]

Check these out:
1. Responsive Web Design Basics - Google Developers[^]
2. The Three R’s of Responsive Web Design[^]

请检查一些样本：

1） w3schools 1

2） w3schools 2

这篇关于如何建立响应式网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！