2016-09-10 71 views
-1

我是一个新手程序员,只在高中上过一门课。我正在尝试为我的业务创建一个网站,使用c9.io编写 - 但无法弄清楚如何让我的页面适应任何尺寸。我试过在网上找到一个解决方案,但似乎无法解决我的问题 - 我完全难住!祝你好运,谢谢!如何制作响应式网页?

下面的HTML和CSS代码。

https://docs.google.com/document/d/1wl1Ui-vvB39ysCQd2B5-7Yl-gYRPdQ7hUyD_L-tDcs4/edit

编辑:

的问题已得到修复,这里是我使用的CSS代码:

.container4 { 
    width:99%; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
} 
+0

这个问题看起来很宽泛。人们已经写了关于如何使页面适应不同大小的书籍。你可以尝试使你的问题更具体。 –

+0

正如我所说我是一个新手程序员,我没有太多技能。我正在寻找一种解决方案,以便在我的代码中实现响应式网页的工作,因为以前的尝试没有奏效。我不知道是不是因为我还没有那么坚定的理解,或者是因为我弄乱了我的编码。 – rachel0d

回答

0

Media queries非常久远twitter bootstrapflexbox是用来做网站的响应速度。

媒体查询可帮助您管理不同设备的布局,例如手机,标签和桌面。保持CSS以下几点一边写: -

  1. 使用EMS的利润/填充/ REMS,避免使用像素

    2.使用青菜,而不是纯粹的CSS,它真的很容易扩展