增加窗口小部件的尺寸

此链接显示我的问题http://www.rosstheexplorer.com/comparisons-between-australia-and-europe/。我不希望小部件说'Ross Exp ...'，我想让它说'Ross The Explorer'。我也希望能够看到'分享'按钮。增加窗口小部件的尺寸

问题只发生在大屏幕设备。我试图通过改变插件的高度和宽度来解决这个问题，但这并没有解决我的问题。我设法让它显示'Ross The Explorer'，但是我通过这样做失去了'分享'按钮。

我跟插件的开发者交谈过，他说Facebook控制了widget的字体大小，这意味着我不能简单地减小文本的字体大小。

我看着在CSS代码媒体查询，发现大型设备

@media screen and (min-width: 50em) { 


    .content-area { 
     float: left; 
     width: 100%; 
     margin: 0 -30% 0 0; 
    } 

    .site-main { 
     margin: 0 30% 0 0; 
    } 

    .site-content .widget-area { 
     float: right; 
     overflow: hidden; 
     width: 25%; 
     margin-top: 0; 
     padding-top: 0; 
     border-top: 0; 
    }

下然后我用Internet Explorer的开发工具来检查我的代码。我将窗口部件的宽度增加到了28％。我认为这会放大小部件而不会干扰页面上的其他内容。看起来我的计划几乎奏效了，事实上“分享”按钮仍然没有出现在小工具上，但这给我一些疑惑。

我去我的CSS文件和所做的更改。

然后我重新装我的话，按网页，它看起来仿佛宽度仍然是25％。我使用了开发人员工具，确认宽度仍为25％。在CSS文件中，它说宽度现在是28％。有人可以澄清为什么这个错误是或可能发生？

谢谢

来源

2016-08-02 Ross Symonds

对我来说，我可以看到罗斯的资源管理器..什么是问题？ –

/* Media Queries */ 
@media screen and (min-width: 75em) { 
    .site { 
     max-width: 1153px; 
     margin: 54px auto; 
     padding: 54px 108px; 


    } 

.site-content .widget-area { 

     1dro._1drp { 
      font-side:16px 
     } 
}

添加上面的样式就地你提到的风格在aove

来源

2016-08-02 05:50:52

看来你可能已经把一些限制上screen.Check可见，如果字符数一些限制是你在渲染'Ross The Exp ...'的地方。除此之外，试试这个

/* Media Queries */ 
@media screen and (min-width: 75em) { 
    .site { 
    max-width: 1153px; 
    margin: 0px 0px 0px 0px; 
    padding: 54px 108px; 
    } 
    }

还提供家长的div窗口小部件，这将使响应的小部件

<div class="col-md-12 col-sm-12"></div>

来源

2016-08-02 06:09:47

我与插件开发者发言，他说Facebook的控制Widget的字体大小。我现在用新的细节/截图更新了我的问题。

来源

2016-08-05 06:29:48

我能够通过清除缓存并选择一个不同的FB插件来纠正问题。

感谢大家的帮助

来源

2016-08-05 14:46:00

增加窗口小部件的尺寸

回答

相关问题