如何仅使用css在响应性方面复制此网站?

时间:2013-06-24 23:54:03

标签: html css responsive-design

以下是我要复制的网站:http://www.voncarcha.com/contact

这是我的网站:http://foxweb.marist.edu/users/kf79g/contact.php

我主要想在所有大中小屏幕尺寸上复制他的页面和联系页面。除了关于页面和联系页面之外,我怎么能只用css做我所做的所有其他页面呢?

我的所有代码都位于这些文件下的页面源代码中(右键单击浏览器上的查看源代码后):

screen_styles.css

screen_layout_large.css

screen_layout_small.css

screen_layout_medium.css

contact.php

about.php

我完全尝试了我能想到的一切。我试图复制他的网站,但我的工作并不顺利。我的老浏览器IE 7-9和Firefox看起来特别糟糕,而他的出于某些原因并不是这样。我希望我的网站能够在所有浏览器中进行优化。我不知道接下来要做什么。完成后,我的网站将最终完成。请帮助我,我需要尽快完成这个项目。我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:0)

媒体查询(目前您正在使用响应式设计)是HTML5和CSS3的一部分。因此,如果您在不支持HTML5的浏览器中尝试这些功能,它们将无法运行。

This链接说,它可以处理旧浏览器中的媒体查询。你应该看看它。

您还可以查看This one