增加窗口小部件的尺寸
此链接显示我的问题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%。有人可以澄清为什么这个错误是或可能发生?
谢谢
/* 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
看来你可能已经把一些限制上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>
我与插件开发者发言,他说Facebook的控制Widget的字体大小。我现在用新的细节/截图更新了我的问题。
我能够通过清除缓存并选择一个不同的FB插件来纠正问题。
感谢大家的帮助
对我来说,我可以看到罗斯的资源管理器..什么是问题? –