html - 如何仅使用 css 在响应能力方面复制该网站?

标签 html css responsive-design

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

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

我主要想在大中小的所有屏幕尺寸上复制他的关于页面和联系页面。我如何才能像处理关于页面和联系页面之外的所有其他页面一样只使用 css 来做到这一点?

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

屏幕样式.css

screen_layout_large.css

screen_layout_small.css

screen_layout_medium.css

联系人.php

关于.php

我尝试了我能想到的一切。我试图复制他的网站,但我的网站运行不顺畅。我的在旧版浏览器 IE 7-9 和 Firefox 上看起来特别糟糕,而他的由于某种原因则不然。我希望对我的网站进行优化以适用于所有浏览器。我不知道接下来要做什么。完成这些之后,我的网站终于完成了。请帮助我,我需要尽快完成这个元素。我真的很感激任何帮助。

最佳答案

媒体查询(目前您使用响应式设计所做的事情)是 HTML5 和 CSS3 的一部分。所以如果你在不支持 HTML5 的浏览器中尝试这些功能,它们将不起作用。

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

你也可以看看This one

关于html - 如何仅使用 css 在响应能力方面复制该网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17287032/

相关文章:

javascript - 如何导出经过html5功能修饰的canvas图像

html - 是什么 特点?

菜单项上的 CSS Transitions 不起作用

image - 垂直响应图像(最大高度)在 Firefox 中不起作用

html - 如何使标题与图像成比例并保持间距比例 html/css

javascript - 如何使用 jQuery 将列表项添加到列表中?

css - 需要帮助使用 bootstrap 在 div 中安排元素

html - 如何在不滚动页面的情况下加载图像?

html - 如何将页脚中的内容居中

css - 语义菜单 - 需要放置一个居中的标题