위젯의 크기를 늘리십시오.

Question

이 링크는 내 호 http://www.rosstheexplorer.com/comparisons-between-australia-and-europe/을 보여줍니다. 위젯이 '로스 익스프레스 ...'라고 말하기를 원하지 않습니다. '로스 탐험가'라고 말하고 싶습니다. 나 또한 '공유'버튼을 볼 수 있기를 원합니다.

문제은 대형 스크린 장치에서 발생한다. 플러그인의 높이와 너비를 변경하여 문제를 해결했지만 문제가 해결되지 않았습니다. 나는 'Ross The Explorer'를 표시하도록 만들었지 만, 그렇게함으로써 'Share'버튼을 잃어 버렸다.

나는 플러그인 개발자와 이야기를 나눴다. 그는 페이스 북이 위젯의 ​​글꼴 크기를 제어한다고 말하면 단순히 텍스트의 글꼴 크기를 줄일 수 없다고 말했다.

은 내가 다음 Internet Explorer가 내 코드를 검사하는 도구를 개발 사용되는 대형 장치

@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; 
    } 

에 대해 다음 CSS 코드에서 미디어 쿼리를 쳐다 보면서 발견했다. 나는 위젯 영역의 너비를 28 %로 늘렸다. 페이지의 다른 콘텐츠를 방해하지 않고 위젯을 확대 할 수 있다고 생각했습니다. 내 계획이 거의 효과가 있다고 보았습니다. '공유'버튼이 여전히 위젯에 나타나지 않았다는 사실이 나에게 약간의 의구심을주었습니다.

나는 내 CSS 파일에 가서 변경을했다.

는 그럼 난 내 단어를 눌러 페이지를 다시로드와 폭은 여전히 ​​25 %였다 것처럼 보였다. 개발자 도구를 사용했는데 너비가 여전히 25 %임을 확인했습니다. CSS 파일에서 너비는 이제 28 %입니다. 누군가이 오류가 발생하는 이유를 분명히 할 수 있습니까?

는

Answer 1

/* 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에 표시되는 문자의 수에 일부 제한을 뒀다 수있는 것 같다

Answer 2

Ross The Exp ...를 렌더링 할 수있는 한계가 있습니다. 그 외에도에서이

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

또한 그

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

Answer 3

내가 플러그인 개발자와 이야기

으로 반응 위젯을 만들 것 위젯을 부모 DIV를 제공하려고 그는 페이스 북이 위젯의 ​​글꼴 크기를 제어 말한다 . 나는 새로운 질문/스크린 샷으로 나의 질문을 업데이트했다.

Answer 4

캐시를 지우고 다른 FB 플러그인을 선택하여 문제를 해결할 수있었습니다.

모두에게 도움을 주셔서 감사합니다.