文章/答案/技术大牛

发布

社区首页 >问答首页 >绕过响应式设计

问绕过响应式设计
EN

Stack Overflow用户

提问于 2013-09-30 16:56:38

回答 3查看 174关注 0票数 0

我最近开始用响应式属性编写我的布局。我个人讨厌移动网站，但为了适应我的访问者，我决定让我的网站具有响应性。

我不明白的是，当我想禁用响应式属性时，该如何禁用。

我想在我的页面顶部的链接，当点击将切换移动网站上/关闭。

这可以做到吗？

谢谢!

responsive-design

html

css

回答 3

Stack Overflow用户

发布于 2013-09-30 17:01:44

首先想到的是JavaScript (/ jQuery)函数，它可以在切换时从HTML布局中添加或删除CSS文件。你将不得不创建一个单独的CSS文件，它只包含你的响应式媒体查询，但这应该不是一个大问题。

票数 3

Stack Overflow用户

发布于 2013-09-30 17:08:26

如果您使用的是服务器端语言，一种方法是为想要查看整个站点的查看者提供一个包含查询信息的链接，例如http://mywebsite.com/?full=1。您将检查查询数据中是否存在变量full，并检查其1。如果是，则将相关的full会话变量设置为true。然后，无论何时加载页面，都要检查会话变量full是否为真。如果是，则提供"Full CSS“文件。如果不是，则提供"Responsive CSS“文件。我认为您可以使用cookie而不是会话变量。我在服务器端部门有点生疏了。

您也可以使用cookies在JavaScript中完成此操作。

票数 1

Stack Overflow用户

发布于 2013-09-30 17:11:11

我认为最简单的方法是将样式表的响应部分放在一个单独的文件中，例如responsive.css。然后，您可以将javascript函数绑定到切换该样式表的链接：

在<head>中

<link rel="stylesheet" href="responsive.css" id="responsiveStyle">

在<body>中：

<a href="javascript:toggleResponsive()">Toggle</a>

Javascript：

function toggleResponsive() {
   var responsiveStyle = document.getElementById('responsiveStyle');
   if(responsiveStyle.rel === "stylesheet") {
      responsiveStyle.rel = "";
   } else {
       responsiveStyle.rel = "stylesheet";
   } 
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19090157

复制

相似问题

问绕过响应式设计
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问绕过响应式设计EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问绕过响应式设计
EN