4 ms·

I think `width: 70%;` is a bad idea. If you have a very wide screen, 70% of it is too much and on a mobile device you don't want to waste 30%.

• noinsight 13y ago
  It's a catch-22 pretty much. If you set it as pixels, it can be either too narrow (600 px on a full hd in full screen, though lines that are too wide/long suck too) or too wide (which leads to scroll bars). Setting it as a percentage will obviously always make it look the same since it scales. However, a percentage on a huge screen usually makes it too wide to read lines comfortably. You pretty much have to pick your poison, though IMO about 600 px is the maximum width for a line before it's horrible to read on a full hd screen.
  • dpark 13y ago
    This is a solved problem. max-width: 600px; This stops your text from being excessively wide, but also doesn't prevent smaller screens from making it more narrow.
    • montecarl 13y ago
      Thats a pretty good way, but it's not dpi independent.
      • dpark 13y ago
        That's partially true. A CSS pixel isn't necessarily the same as a screen pixel. A Mac with a retina display set to "native" resolution, for example, should actually make that 1200 pixels wide (max). In general, though, I think most browsers will treat a css pixel as a screen pixel. Of course you could also use points or ems if you prefer.
• deleted 13y ago
  [deleted]