Div / Section宽度和高度？

Question

我见过很多设计师不使用宽度和高度来划分或部分，而是使用填充，是不是很好的做法？当您缩小网页并且文本/内容不会脱离div时，这会有所帮助。

我还有一个问题吗？ 当你缩小文本时我看到网页永远不会脱离div而且它变得很小。我设计时遇到问题，当我缩小时，文字会脱离div，并保持相同的字体大小。我尝试使用溢出，文本换行等，我发现解决方案尼姑工作。 那你怎么处理它？

！[在此处输入图片说明] [1]

Answer 1

使用填充使你的内容看起来很好。如果你在px中修复高度和宽度而内容很大，那么它就会消失。    例如..你有1000px的屏幕你设置div宽度700px当屏幕分辨率宽度达到600px时div退出.. sloution将你的宽度设置为％70％。它有助于自动调整宽度为600px的70％。 / p>

Answer 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

这使得网页不仅可以在智能手机上查看，还可以在桌面/笔记本电脑上查看。