Div / Section的宽度和高度？答案

【问题标题】：Div / Section width and height?Div / Section的宽度和高度？
【发布时间】：2015-07-17 11:44:51
【问题描述】：

我看到很多设计师不使用 div 或 section 的宽度和高度，而是使用填充，这是一种好习惯吗？当您缩小网页并且文本/内容不会超出 div 时，这会有所帮助。

我还有一个问题？ 当您缩小文本时，我已经看到网页永远不会超出 div 并且它会变小。我在设计时遇到问题，当我缩小时文本会超出 div 并保持相同的字体大小。我尝试过使用溢出、文本换行等，我发现解决方案修女有效。那你怎么处理？

![在此处输入图片描述][1]

【问题讨论】：

我总是使用设置为 100% 的 wrapper 和 holder 以及 1000px 以下的支架，比如 980 或 960px；

【解决方案1】：

使用填充使您的内容看起来不错。如果您以 px 为单位固定高度和宽度并且内容很大，那么它就会消失。例如 .. 你有 1000px 的屏幕你设置 div 宽度 700px 当屏幕分辨率宽度达到 600px 时 div 熄灭 .. sloution 将你的宽度设置为 70% 的 % 。它有助于自动调整 600px 的 70% 的宽度。

【讨论】：

是的，我就是这么做的，持有者我总是使用 980px；不是屏幕分辨率问题。但是缩小时文字会溢出。
我添加了图片：.serv-sec{ width: 300px;高度：自动；最小高度：440px；背景：白色；显示：内联块；边距：0px 0px 0px 80px；溢出：隐藏； } .serv-text p{ font-family: 'Raleway', sans-serif;字体粗细：500；颜色：#3c3c3c；字体大小：14px；行高：20px；填充：20px 20px 30px 20px；文本对齐：对齐；我在这里做了什么来摆脱它：我保持主 div 高度自动，这有助于缩小。
禁用最小高度后尝试
当我禁用 min-height: div 位置不同时，你现在可以看到最后一个 Div 略微上升：/（在普通视图上也是如此）
本地，尚未发布。

【解决方案2】：

There are some relatively new view port sizes.

Here is a fiddle showing all the things you can do with viewport based sizing.

vw = size the element according to the view port width
vh = size the element according to the view port height
vwmin/vmax = the minimum/maximum width/ the element is allowed to be in the viewport

这使得网页不仅可以在智能手机上查看，而且可以在台式机/笔记本电脑上查看。

【讨论】：

移动端视图没有问题，通过媒体查询处理。
我肯定会在我的下一个项目中尝试这个，并且会尝试使用它。感谢您的帮助。