CODEWITHSUNDEEP
htmlcss
Rohith faccoun
Rohith faccoun

Reputation: 15

Applying max-width property for div elements

Is there any way to use max-width on elements other than images? Or any similar property that helps texts dynamically size itself to the browser window?

Upvotes: 0

Views: 142

Answers (3)

Deepu Sasidharan
Deepu Sasidharan

Reputation: 5309

Please refer the fiddle.

DEMO

<div></div> takes the full width.

or

You can provide max-width for the div

Upvotes: 0

Neel Shah
Neel Shah

Reputation: 791

Every block elements support max-width. for dynamic fonts sizing things relative to the current viewport size css3 have vw, vh, and vmin.

you can refer css-tricks, sitepoint.

I hope this may helps you.

Upvotes: 0

Rahul Singh
Rahul Singh

Reputation: 892

All the elements of display type block automatically get width according to their parent element. However in order to change text size when you increase or decrease the width of your window, you will have to apply media queries. See below code.

.x{
  font-size:14px;
}

@media screen and (max-width:991px){
  .x{
    font-size:13px;
  }
}

@media screen and (max-width:768px){
  .x{
    font-size:12px;
  }
}

@media screen and (max-width:440px){
  .x{
    font-size:11px;
  }
}

Here x is some arbitrary element whose font size you need to adjust.

Upvotes: 1

Related Questions