Responsive design SP2013&；响应性设计-如何正确实现？_Responsive Design_Twitter Bootstrap 3_Media Queries_Sharepoint 2013

Responsive design SP2013&；响应性设计-如何正确实现？

responsive-design twitter-bootstrap-3 sharepoint-2013

Responsive design SP2013&；响应性设计-如何正确实现？,responsive-design,twitter-bootstrap-3,media-queries,sharepoint-2013,Responsive Design,Twitter Bootstrap 3,Media Queries,Sharepoint 2013,我是一名SP开发人员，也擅长网络设计。我目前的任务是在SP 2013环境中实施响应性设计和品牌现在，我可以选择在SP2013中使用哪一种来实施响应性设计，因此我收集了pro的和con的foreach技术你觉得怎么样？有没有我遗漏的重要方面？还有其他更适合实现这一点的解决方案吗欢迎任何输入！：）设备频道是的，我说的是设备频道，即使在问题中没有提到它们，因为它们可以为最终用户和客户端提供最佳性能和优化性-在我看来：） Pro 为每个设备单独设计的HTML/CSS和JS --不需要隐藏或删除不

我是一名SP开发人员，也擅长网络设计。我目前的任务是在SP 2013环境中实施响应性设计和品牌

现在，我可以选择在SP2013中使用哪一种来实施响应性设计，因此我收集了pro的和con的foreach技术

你觉得怎么样？有没有我遗漏的重要方面？还有其他更适合实现这一点的解决方案吗欢迎任何输入！：）

设备频道是的，我说的是

设备频道

，即使在问题中没有提到它们，因为它们可以为最终用户和客户端提供最佳性能和优化性-在我看来：）

Pro

为每个设备单独设计的
```
HTML/CSS
```
和
```
JS
```
--不需要隐藏或删除不兼容的元素
--更快，因为你只需要加载你真正需要的东西
--更快，因为您可能会有更少的
```
CSS/JS和HTML
```
--更快，因为您可以为每个设备使用优化的代码
--您可以更好地指出哪个通道有错误，并且更改不会影响其他通道

Con

为每个设备单独设计的
```
HTML/CSS
```
和
```
JS
```
--您必须将更改附加到每个母版页
--完成相同结果的更多工作（一般）
--冗余
绑定到
```
用户代理字符串
```
设备日益多样化
--五月意味着母版页越来越多样化>>工作

独自创立 Pro

强大、易于使用的框架
--大量的文档
--快速结果
--如果你喜欢它-所有的引导风格
已经有项目在使用它，所以您可能不必从头开始构建它
--

Con

Bootstrap是一个巨大的框架，在未统一的
```
CSS
```
和
```
JS
```
文件中有8000多行代码
--约130kb和30kb的2个额外请求
--许多样式和脚本供浏览器处理
引导程序不是为在SharePoint中使用而生成的
--它覆盖了SharePoint样式，这使得某些功能（例如，
```
ComposedLooks
```
）的价值降低
--需要大量定制的
```
CSS
```
，才能使其与SharePoint无缝配合
SharePoint有其独特的处理方式，这会干扰引导
--成吨的CSS
--吨
```
JS
```
--成吨的
```
HTML属性
```

媒体查询 Pro

只需要
```
CSS
```
不
```
JS
```
如果你不想
您可以创建自己的布局
使用
```
response.js
```
即使在IE6中也可以工作
您可以轻松区分在特定屏幕尺寸下应提供哪些功能

Con

多组
```
CSS
```
，具体取决于
```
断点的数量
```


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



结论
我还不确定（如果我的结果能得到很多反馈，那就太棒了），但我倾向于使用媒体查询
。为什么？SharePoint有自己的方式来处理桌面用户，如果没有明确的命令，我不会自定义内置功能。另一方面，SharePoint并没有为智能手机提供真正的用户界面。我不想使用BootStrap，因为它包含很多样式，在品牌环境中会产生问题。我不会使用设备频道，因为它有缺点。
使用Botostrap。我在一所大学工作（），我们的整个网站（内部和外部）都是使用此框架在SharePoint 2013中构建的，我是其实施的领导者。如果您根本没有使用过引导，那么需要一点时间来适应，尤其是在SharePoint环境中，但就我而言，响应式设计是产生最佳效果的唯一途径。查看我们的大学网站，如果您有任何问题，请告诉我。
让SharePoint响应。。现在这是一项任务..：|是的，但非常可行。@JesseEarley我刚刚看到了你的链接，我很高兴你能够像以前一样将引导程序实现到SharePoint中，尽管开发模板和在SharePoint designer中工作一定是一个漫长的过程（？）为了使其正常工作，覆盖所有ms类和样式表怎么样？e、 g..ms-promlink-root-2123412-12z
。。此外，SharePoint2013目前是如何构建的，其中#s4工作区
是一个“悬停”的
。至少如果您可以剪切功能。我创建了一个简单的带有媒体查询的mobileview，只需隐藏除导航和内容以外的所有内容，然后从剩余的部分创建了一个1列布局content@MackieeE谢谢因为这是我们第一次实现Bootstrap，我们花了大约6个月的时间，这段时间包括了我们在网站上的每一个设计（有很多），我们中只有3个人在做（我和我的两个学生设计师）。我们没有使用SharePoint designer，而是继续使用