如何使当前的网站具有响应性? [关闭]

Posted

技术标签:

【中文标题】如何使当前的网站具有响应性? [关闭]【英文标题】:how to make a current website responsive? [closed] 【发布时间】:2013-03-04 05:49:05 【问题描述】:

我想让我当前的网站具有响应性。这是一个巨大的动态网站,我不想为移动设备制作单独的网站或更改<Doctype><html>。如果通过手机访问网站,是否可以插入更改<Doctype><html> 标签的脚本?

【问题讨论】:

这不是很清楚你想要什么... 我会为这样的脚本而杀...... 您运行的是 php 还是其他服务器端语言?您可以使用 PHP 检测移动浏览器并根据需要提供页面。 【参考方案1】:

无需更改任何标签。这就是Media queries 的用途。

【讨论】:

非常感谢。这是最好的答案,希望它有效。 @themajiks:那你一定是做错了什么。媒体查询专为响应式设计而设计。 “媒体查询由媒体类型和零个或多个检查特定媒体特征条件的表达式组成。媒体查询中可以使用的媒体特征包括‘宽度’、‘高度’和‘颜色’。通过使用媒体查询,可以针对特定范围的输出设备定制演示文稿,而无需更改内容本身。” 我不知道为什么它不起作用先生。你能检查一下吗? link 为此,您将 mobile.css 应用于最大宽度为 480 像素的设备,但随后通过将 screen.css 添加到 所有 设备来覆盖样式。此特定示例的修复方法是添加 mobile.css after screen.css. 别了。先生还是不行。我已经按照你说的做了。

以上是关于如何使当前的网站具有响应性? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何删除移动网站的背景图片? [关闭]

如何使用 div 标签创建布局并使其具有响应性 [关闭]

如何制作响应式表[关闭]

难以使网站移动响应[关闭]

使用 Bootstrap 使徽标图像具有响应性

如何使此图像地图元素具有响应性?