Responsive HTML Défilement de la Zone de

Je suis actuellement en utilisant ce code HTML de défilement de la boîte:

<div style="height:107px;width:445px;border:1px 
solid #ccc;font:18px Arial; overflow:auto;"> 
This is an HTML Scrolling Box. </div>

Tout le texte et les images sur mon site sont sensibles, du fait de l'échelle vers le bas à la taille de téléphones mobiles et de tablettes. Est-il possible d'ajouter un certain type de règle ou de quelque chose de simple, de ce code ci-dessus qui fera également sensibles comme le reste de mon site?

J'ai déjà essayé d'utiliser ce morceau de code (sans succès):

style='max-width:100%;' style='max-height:100%' border="0"

Merci!

  • Responsive? Tu veux dire qu'il va changer de taille en fonction de la taille de la fenêtre?
  • Ouais, mais je ne veux pas qu'il devienne plus grand que ses dimensions. Lors de l'affichage sur des écrans plus grands. Seulement le rendre plus petit, lors de l'affichage sur des appareils tels que les téléphones et les tablettes.
InformationsquelleAutor Anonymous | 2013-03-18
  1. 5

    est-ce que vous êtes à la recherche pour http://jsfiddle.net/ZXVA5/

    vous souhaitez donner à la height et width un certain pourcentage.

    voici avec un peu de contenu et overflow:auto

    http://jsfiddle.net/ZXVA5/1/

    • OUI! Bien que j'ai dû faire un peu de réglage. Pourriez-vous me faire savoir ce que je peux ajouter là-bas pour ajuster la taille de la police? Il est devenu énorme à chaque fois que j'ai ajouté ce morceau de code que vous avez créé.
    • essayez cette fittextjs.com
    • En fait, j'ai juste enveloppé par <fontsize="8"> </font>, et il a travaillé
    • il y a beaucoup de bonnes choses là-bas. 🙂
    • oui, vous pouvez définir la taille de la police en css ainsi. ne pas envelopper tout. il va faire moche. simplement mettre font-size en css
    • mais si vous voulez ajuster la taille du texte en conséquence la taille de la page, puis essayez la chose dans le lien
    • J'ai une question supplémentaire; vous ne savez pas comment il n'y a qu'une ligne autour de la zone de texte que vous venez de m'avoir aidé à? Comment puis-je ajouter une ligne qui s'adapte autour de celui-ci, qui est d'une autre couleur? (Je veux la boîte pour être plus élégant, correspondant à mon logo).
    • je ne suis pas sûr si je vous ai suivi, mais est-ce qu'il jsfiddle.net/ZXVA5/2
    • La boîte elle-même, la place (pas le texte)...la principale zone de couleur rouge avec une autre boîte le long de l'extérieur de celui-ci, qui est bleu
    • jouer avec cela pour obtenir ce que vous êtes à la recherche pour jsfiddle.net/ZXVA5/3
    • peut-être que vous pouvez l'aider avec ça? stackoverflow.com/questions/38249696/...

    InformationsquelleAutor btevfik