html - Design of the web page on min-window

Question

Welcome To Ask or Share your Answers For Others

html - Design of the web page on min-window

asked Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

I am doing the mini-project by using only HTML and CSS, the problem is when I will be in max-size of the window the webpage design will be proper, but when I will minimize the window screen the huge white space will appear on the right side. Even I am using width=100vh and height=100vw.

question from:https://stackoverflow.com/questions/65651670/design-of-the-web-page-on-min-window

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

100 views

1 Answer

深蓝 · Answer 1 · 2021-10-06T18:42:24+0000

Are you using 100vw really everywhere? One larger element can cause it:

<body>
  <div style="width: 150vw; background-color: yellow; height: 50px;"></div>
  <p style="background-color: blue;">This element has the normal window width. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>

Categories

html - Design of the web page on min-window

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags