响应式布局

SharePoint HTML5特性之响应式布局 实例教程
SharePoint 2013基于HTML5的响应式的布局,就简单的尝试了一下,感觉还不错。当页面在不同的浏览器可视区域上浏览的时候,会通过不一样的css文件来进行展示,使用户在浏览页面中能尽可能的达到最佳体验。 下面简单看看效果,在1380px浏览器可视区域中浏览,下面的css生效:(浏览器的可视区域为1380) 在920px浏览器可视区域中浏览,下面的css生效:(浏览器的可视区域为920px) 在600px浏览器可视区域中浏览,下面的css生效:(浏览器的可视区域为600px)

SharePoint Iframe 报错“此内容不能显示在一个框架中”
在之前的SharePoint站点iframe引用中,我们遇到过下面的问题,就是其它系统或者不通环境的SharePoint站点,引用SharePoint页面会报错“此内容不能显示在一个框架中”,之前我们采取了解决方案的办法。 今天,无意中翻看msdn,发现了更加简便的方法,分享给大家。原理介绍 在大部分情况下,如果网页在响应中发送 X-Frame-Options HTTP 头,则该网页将无法在框架中显示。默认情况下,SharePoint 网页包含 X-Frame-Options 头。如果使用应用程序 Web 承载的 SharePoint 网页,您可能会遇到以下错误(如上图所示):"此内容无法在框架中显示"。This content cannot be displayed in a frame To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame. What you can try: Open this content in a new window 请记住,当网页在框架中显示时,特定方案易受"点击劫持"攻击。请仔细评估您的应用程序部件方案,以确保不存在点击劫持攻击风险。 如果在应用程序 Web 中承载的页面不易受点击劫持攻击,则您可以使用 AllowFraming Web 部件抑制页面响应中的 X-Frame-Options 头。下面的代码示例展示如何在 SharePoint 页面中使用 AllowFraming Web 部件。 <webpartpages:allowframing id="AllowFraming1" runat="server"/> 解决方法 使用SharePoint Designer打开该页面(特别的,修改的是要被iframe方式引用的页面)的页面布局,加入如下图代码:

SharePoint 创建web应用程序报错"This page can’t be displayed"
错误描述This page can’t be displayed•Make sure the web address http://centeradmin is correct.•Look for the page with your search engine.•Refresh the page in a few minutes.发生过程 创建web应用程序,填写完基本信息以后点击确定,就是“这不会花费很长时间”的提示,然后就报错了,并且SharePoint和iis的日志中均没有记录错误。错误截图解决方案