Member Avatar for e_velkova

It's me again...
What does it mean the page to resize with the window... :$ :icon_rolleyes:

  • 2 Contributors
  • 3 Replies
  • 111 Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by sreein1986

Dani AI

Generated

asked what "page to resize with the window" means; gave a short answer. The fuller meaning is that the page layout adapts to the browser viewport instead of staying at a fixed pixel width. Elements can scale, stack, hide, or reflow so the site remains usable at wide, narrow, or intermediate window sizes — the approach used in fluid and responsive layouts (MDN: Responsive design).

Practical techniques commonly used:

  • Use relative sizing (percent, vw, em) and a max-width container so content stretches but stays readable.
  • Make images scale with max-width: 100%; height: auto;.
  • Use Flexbox or Grid to let columns reflow, and add breakpoints with media queries to change layout at specific widths.
  • Include the mobile viewport meta tag for correct scaling on phones.

Example snippets (basic patterns):

<meta name="viewport" content="width=device-width, initial-scale=1">

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 16px;
}

img { max-width: 100%; height: auto; display: block; }

@media (max-width: 768px) {
  .sidebar { display: none; }
  .main { width: 100%; }
}

Notes and quick troubleshooting: a page that still looks fixed usually has hard-coded pixel widths or absolutely positioned elements. Browser DevTools responsive mode helps identify which rules stop reflow. Also be aware the CSS resize property (used for things like textareas) is unrelated to whole-page responsiveness (MDN: resize).

Recommended Answers

All 3 Replies

Member Avatar for sreein1986

it means window maximize and minimize

Member Avatar for e_velkova

thanks! :)

Member Avatar for sreein1986

hi
add as my reputation please

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.