使SharePoint响应 - 引导或媒体查询？

Question

我正在尝试使我的SharePoint网站响应 这样可以在ipad，iphone，平板电脑等中轻松查看。

使用Bootstrap或媒体查询执行此操作的最佳方式是什么。

任何建议都会有很大的帮助。

Answer 1

我当时选择在SP2013中使用哪一个来实现响应式设计，所以我收集了专业和 con foreach技术。

---

设备频道

是的，我正在谈论Device Channels即使在问题中未提及它们，因为它们可以为最终用户和客户提供最佳性能和可扩展性 - 在我看来：）

<强>临

• 个人设计的HTML/CSS和JS foreach设备
• - 无需隐藏或删除不兼容的元素
• - 更快，因为你只需加载你真正需要的东西
• - 速度更快，因为您可能会减少CSS/JS and HTML
• - 更快，因为您可以使用优化代码foreach设备
• - 您可以更好地指出哪个频道有错误和更改不会影响其他频道

<强> N

• 个人设计的HTML/CSS和JS foreach设备
• - 您必须将更改附加到每个母版页
• - 完成相同结果的更多工作（一般而言）
• - 冗余
• 绑定到User Agent Strings
• 设备的多样化
• - 可能等于主页的多样性增长＆gt;＆gt;工作

---

自举

<强>临

• 强大，易于使用的框架
• - 很多文档
• - 快速结果
• - 如果你喜欢它 - 所有Bootstrap样式
• 已经有项目使用它，所以你可能不必从头开始构建它
• - http://responsivesharepoint.codeplex.com/

<强> N

• Bootstrap是一个庞大的框架，在未经宣传的CSS和JS文件中有超过8000行代码
• - 2个额外请求~130kb＆amp; 30KB
• - 您的浏览器要处理的许多样式和脚本
• Bootstrap不是用于在SharePoint中构建的
• - 它覆盖了SharePoint样式，这使得某些功能（例如ComposedLooks）的价值降低了
• - 需要大量自定义CSS才能使其与SharePoint无缝协作
• SharePoint有自己奇怪的做法，干扰了BootStrap
• - 吨CSS
• - 吨JS
• - 吨HTML Attributes

---

媒体查询

<强>临

• 仅需CSS
• 没有JS如果你不想
• 您可以创建自己的布局
• response.js即使在IE6工作
• 您可以轻松分隔某些屏幕尺寸应该可用的功能

<强> N

• 多组CSS，具体取决于Breakpoints
的数量
• 每个功能都需要由您自己开发
• 编写可处理每个SP2013页面的通用代码并不容易。
• - 这取决于所显示内容的复杂程度。我写了大约150行CSS创建了一个移动视图，用于发布包含导航和内容的页面，但没有编辑等功能。
• - 如果客户想要他的智能手机上的所有功能，那么需要进行大量的工作和测试。 （加上他们想在手机上做什么？）

---

结论

我还不确定（对我的搜索结果得到很多反馈会很棒），但我倾向于使用Media Queries。为什么？好吧，SharePoint有自己的方式处理桌面用户，如果没有明确的订购，我也不会自定义该功能。另一方面，SharePoint并没有为智能手机提供真正的用户界面。我不想使用BootStrap，因为它包含很多样式，这会在品牌环境中产生问题。由于缺点，我不会使用Device Channels。

---

你怎么看？我缺少重要的方面吗？还有其他解决方案更适合实现这个目标吗？