Skip to main content

Tenho a seguinte divdiv na minha página HTML

<div id="divContent" class='content'>
            Bem vindo ao meu site <br />
            1 index index index index index index index index <br />
            2 index index index index index index index index <br />
            3 index index index index index index index index <br />
            4 index index index index index index index index <br />
            5 index index index index index index index index <br />
            6 index index index index index index index index <br />
            7 index index index index index index index index <br />
            8 index index index index index index index index <br />
            9 index index index index index index index index <br />
            10 index index index index index index index index <br />
            11 index index index index index index index index <br />
            12 index index index index index index index index <br />
            13 index index index index index index index index <br />
            14 index index index index index index index index <br />                                
        </div>
        

Abrindo a página no navegador do computadorpágina no navegador do computador, todo seu conteúdoconteúdo é exibidoexibido. Porém ao abrir em um celularcelular por exemplo, o conteúdo não cabeconteúdo não cabe na tela, escondendo as últimas linhas de conteúdo da DIVDIV. Tem

Tem alguma maneira de colocar um scrollcolocar um scroll só em casocaso de não cabernão caber o conteúdo em telas menores conteúdo em telas menores?

Tenho a seguinte div na minha página HTML

<div id="divContent" class='content'>
            Bem vindo ao meu site <br />
            1 index index index index index index index index <br />
            2 index index index index index index index index <br />
            3 index index index index index index index index <br />
            4 index index index index index index index index <br />
            5 index index index index index index index index <br />
            6 index index index index index index index index <br />
            7 index index index index index index index index <br />
            8 index index index index index index index index <br />
            9 index index index index index index index index <br />
            10 index index index index index index index index <br />
            11 index index index index index index index index <br />
            12 index index index index index index index index <br />
            13 index index index index index index index index <br />
            14 index index index index index index index index <br />                                
        </div>

Abrindo a página no navegador do computador, todo seu conteúdo é exibido. Porém ao abrir em um celular por exemplo, o conteúdo não cabe na tela, escondendo as últimas linhas de conteúdo da DIV. Tem alguma maneira de colocar um scroll só em caso de não caber o conteúdo em telas menores ?

Tenho a seguinte div na minha página

<div id="divContent" class='content'>
            Bem vindo ao meu site <br />
            1 index index index index index index index index <br />
            2 index index index index index index index index <br />
            3 index index index index index index index index <br />
            4 index index index index index index index index <br />
            5 index index index index index index index index <br />
            6 index index index index index index index index <br />
            7 index index index index index index index index <br />
            8 index index index index index index index index <br />
            9 index index index index index index index index <br />
            10 index index index index index index index index <br />
            11 index index index index index index index index <br />
            12 index index index index index index index index <br />
            13 index index index index index index index index <br />
            14 index index index index index index index index <br />                                
        </div>
        

Abrindo a página no navegador do computador, todo seu conteúdo é exibido. Porém ao abrir em um celular por exemplo, o conteúdo não cabe na tela, escondendo as últimas linhas de conteúdo da DIV.

Tem alguma maneira de colocar um scroll só em caso de não caber o conteúdo em telas menores?

Fonte Link

Scroll em div caso seja necessário

Tenho a seguinte div na minha página HTML

<div id="divContent" class='content'>
            Bem vindo ao meu site <br />
            1 index index index index index index index index <br />
            2 index index index index index index index index <br />
            3 index index index index index index index index <br />
            4 index index index index index index index index <br />
            5 index index index index index index index index <br />
            6 index index index index index index index index <br />
            7 index index index index index index index index <br />
            8 index index index index index index index index <br />
            9 index index index index index index index index <br />
            10 index index index index index index index index <br />
            11 index index index index index index index index <br />
            12 index index index index index index index index <br />
            13 index index index index index index index index <br />
            14 index index index index index index index index <br />                                
        </div>

Abrindo a página no navegador do computador, todo seu conteúdo é exibido. Porém ao abrir em um celular por exemplo, o conteúdo não cabe na tela, escondendo as últimas linhas de conteúdo da DIV. Tem alguma maneira de colocar um scroll só em caso de não caber o conteúdo em telas menores ?