打开与facebook窗口功能相同的javascript窗口

Question

我正在尝试实施Inviting friends from Facebook, Gmail功能。

以下是生成链接并打开弹出窗口的html代码

htmlcode.html

<div class="socialapis">
   <span>Invite friends from <a href="http:/" onclick="FacebookInviteFriends();">Facebook ?</a></span>&nbsp;
   <span>
       <a  onclick="window.open('{% url 'social:gmail_contacts' %}','targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500')">
               Gmail ?
       </a> 
   </span>     
</div>

所以当我点击Facebook链接时，下面的弹出窗口正在打开，Facebook登录屏幕适合窗口大小

当我点击弹出窗口下面的Gmail链接时，

顺便说一句，我正在使用twitter bootstrap来处理我的UI部分。 因此，我们可以从上面的图像中看到，gmail登录界面不适合窗口，而是我们有滚动条。

此外，在我登录gmail后，我的下一页与不适合窗口相同

那么无论如何要将登录界面和所有其他页面都放到打开的弹出窗口大小？在javascript？

注意：我不熟悉使用javascript

Answer 1

首先，您的UI部件的引导程序不会对这些页面产生任何影响。 Google for gmail已经使用了响应式设计，并且元素在重新调整大小到某些分辨率时会自动调整，因为该gmail登录页面中占用的内容以及Facebook登录页面周围有足够空间的位置。