什么是使网站响应最简单的方法？

-1

我是初学者，我已经创建了一些我的网站，但我意识到它不会在所有设备和屏幕尺寸中都很好看。我愿意在我的网站上重新启动并实施这个响应式框架，但我不知道从哪里开始，如何开始，使用哪个框架或创建响应式网站。我研究过Bootstrap，但是我看到你必须使用他们提供的导航栏，而我不想那样做。我想创建我自己定制的整个网站。我见过一些网站，当你使用手机时，它会自动转到m.facebook.com这样的网站上，他们的做法是什么？他们是否为每个决议重写了整个代码？请帮忙！什么是使网站响应最简单的方法？

来源

2015-07-20 user2896120

如果您使用Bootstrap，则不必使用它们的导航，只需找到另一个或创建自己的导航。您可以使用Bootstrap作为网格布局。如果你想做这一切你自己看一看css媒体查询 – Maxxi

@Maxxi如果我使用引导的网格布局，并使我的网站自定义生成，它仍然会很好地在所有其他屏幕尺寸？ – user2896120

Bootstrap组件具有移动响应能力，但它取决于您对它们所做的操作。您需要查看您的“自定义”位的css媒体查询 – Maxxi

如果您不想使用引导，您可以使用标准媒体查询“流体设计”来代替。我创建了一个容易跟随一些有趣的东西提琴为你尝试http://jsfiddle.net/xfobotx6/7/

记得把你的<head>部分的<meta name="viewport" content="width=device-width, initial-scale=1.0" />使这项工作。

编辑这是强烈的意见基础是“最简单的方法是什么？”我只给了你一个“一”的例子，但它取决于你决定什么是最简单的你:)

来源

2015-07-20 21:47:21

你可以去@Adam布坎南史密斯的答案，如果你对响应式设计感兴趣。如果不是，只是这样做的JavaScript重定向页面就像你从facebook.com说m.facebook.com

if (screen.width <= 800) { 
      window.location = "page.aspx"; 
     }

通过这样做，你必须做至少2个版本（桌面&手机）的网站。好的，你可以完全自定义它。

来源

2015-07-21 03:09:03 Jacklck

什么是使网站响应最简单的方法？

回答

相关问题