How to make buttons responsive. (Shrink as screen size gets smaller)

Rather than have the text on my buttons go from 1 line in length to 2 lines, how can I make it so that the button/text doesn't get so big as the screen resolution gets smaller?

A good example is the buttons right below this textbox. (Post Discussion, Save Draft, Preview, and Cancel)

When you zoom in to make the webpage bigger (Ctrl + or Ctrl mouse wheel), they get slightly bigger, rather than growing to take up the entire length of the page.

So instead of the button being really big and saying:

Post
Discussion

It's moderately sized and says:

Post Discussion (All in 1 line, not 2)

Comments

Sign In or Register to comment.