Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you're looking to resize the "box" containing the text, you should be able to set the dimensions of the element to percentage-based width and height values with CSS.</p> <p>If you want to resize the text inside the element, then you might want to consider using JavaScript (perhaps jQuery) to poll the size of the window at set intervals and adjust the text size based on the new window dimensions.</p> <p><strong>Edit:</strong> To clarify, you should be able to set the dimensions of the text box (probably a div) to be a percentage of the page. For example, the div containing the text could be 80% of the window width and 80% of its height. You can then set the margin to be "auto". This should cause the margin around the box and the dimensions to be proportional to the window width.</p> <p>Example:</p> <pre><code> &lt;style type="text/css"&gt; div#box { height: 80%; width: 80%; margin: auto; } &lt;/style&gt; &lt;div id="box"&gt;Text goes here.&lt;/div&gt; </code></pre> <p>This will cause the "box" div to be centered horizontally on the page, but vertical centering is a bit trickier. You'll probably want to look at <a href="http://www.jakpsatweb.cz/css/css-vertical-center-solution.html" rel="nofollow">this page</a> to figure out how to center it vertically to stay within the box in the background.</p> <p>As suggested by the other individual, you could also make the box background just the background of the text's container and not the entire page background. This might be a bit easier, but I think you will still need to use the percentage-based width and height attributes and auto margin to center it nicely.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload