Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Short answer: it depends.</p> <p>Longer answer:</p> <p>There is a place for all three units, frequently in the same design. There is no "best" unit; they serve different purposes.</p> <p>Pixel units generally offer the most precise control over the size of the elements in the user interface, but also restrict that size such that it does not change with regard to the other elements of the page design. The size of pixels themselves may change. For example, a Retina display packs more pixels into the same physical space as a non-Retina display, so images which were designed for traditional displays get scaled up. Similarly, traditional desktop web browsers may adjust the size of pixel in response to the user zooming the size of a page. In these cases however, the pixels change sizes throughout the entire document, and retain the same proportions with regard to one another, so you can use px values and expect them to work sanely in most conditions.</p> <p>EM units vary according to the size of the text. They're most commonly used for setting the size of text, and for line heights; but there have been some interesting things done with "elastic" layouts such as the <a href="http://www.csszengarden.com/?cssfile=/063/063.css&amp;page=0" rel="nofollow">elastic lawn zen garden</a> (turn off page zoom for this site; switch to text-only zoom and change the size a few times).</p> <p>Percentages vary according to the size of the containing element, expanding and contracting depending on how much room is available to them.</p> <p>And, really, it's very common to see web designs that use all of these. For example, suppose you have a site with two columns. The main column must expand and contract with the browser width, but the secondary column needs to stay the same width. The main column might have a width of 100%, but also a margin set in pixels for the secondary column to float in. And the text and line height might be set in ems.</p> <p>So, the real answer is: they all have their uses. Keep practicing, and pretty soon you'll figure out how it all fits together.</p> <p>EDIT: In the example above, I should have said "a width of auto" -- meaning take up all available space after margins, padding, and borders are accounted for. Sorry, I tend to think of that as a percentage even though it's actually a keyword.</p>
    singulars
    1. This table or related slice is empty.
    1. POWhich unit of measurement is best for webpage layouts, px, percentages, or ems?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USWill Martin
    1. USWill Martin
    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. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks for taking the time to respond to my question. You say that px offers the most control over the element sze but restricts the size, so that it can't change. Shouldn't this always cause poblems then? Because every user has a different size browser, so something that looks god in my browser can't possibly look good in everybody elses's browsers if the elements don't change size according to the browser size. Isn't that correct? Thanks.
      singulars
      1. PO
      1. USsuavedesign
    2. CO@suavedesign You cannot design a page that looks good in *every* circumstance. There are simply too many possible combinations of screen size, window size, browser software, and visual acuity. No matter how good you are, and no matter how hard you try, eventually someone will look at your page using some combination that you didn't anticipate, and it will break. Fact of life as a web designer. So, the way to do it is collect stats on your users' browsers/screens/etc, and design to work well with the *majority* of them. With some care, you can hit 95-99% of them. The others are just SOL.
      singulars
      1. PO
      1. USWill Martin
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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