wie man meine Schriftgröße reagieren?

Ich versuche, um einige große Titel reagieren. Ich habe versucht ein paar Dinge wie: diese Link. Aber es hat nicht funktioniert.

CSS

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigationchanges. */  
}


#page-wrap {

  width: 760px;
  margin: 0 auto;
}

.title {
    font-family: Brush Script MT,cursive;
    font-size: 10vw;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;

}

#welcome {
    @extend .title;   
}

#to {
    @extend .title;
    text-align: center;
    font-size: 50px;   
}

#mp{
    @extend .title;
    text-align: right;

}


.full { 
   background-image: url('../img/beach-bg1920-1080.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;

}



/*******navbar elements *********/
.navbar-inner {
    background:transparent;
    border: solid#ffffff 2px;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: $hover-color;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    color: #ffffff;
}
.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none;
}

/*******navbar elements End *********/

HTML

    <div id="page-wrap">           
        <h1 id="welcome">Welcome!</h1>
        <h2 id="to">to</h2>
        <h1 id="mp">My Portfolio!</h1>
    </div>

Können Sie nicht sehen, das Wort "Mein portfolio". ich versuche alles, um der linken Seite. in anderen Worten, ich möchte nur sicherstellen, dass das wird gut Aussehen auf mobilen Geräten.

Mögliche Duplikate von Responsive Font-Size
Ich habe versucht die Antworten, aber hat nicht funktioniert, ich habe meine link-Seite auch. @KyleMessner
Was ist das genaue Verhalten sind Sie nach?
So, der Titel ist groß, so groß, dass die vordere Abdeckung Seite. Also, wenn ich das Fenster minimieren den text nicht ändern, dass die Seite
Richtig, aber tun Sie es möchten, um die Größe zu ändern, genau wie in der font-size: #vw; Beispiel, oder möchten Sie es zu springen, zu einer vorbestimmten Größe, wie in den ' media queries Beispiel?

InformationsquelleAutor JMASTER B | 2016-03-25

Schreibe einen Kommentar