增加窗口小部件的尺寸

此鏈接顯示我的問題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

增加窗口小部件的尺寸

回答

相關問題