Div / 截面宽度和高度?
Div / Section width and height?
我看到很多设计师不使用 div 或部分的宽度和高度,而是使用填充,这是好的做法吗?当您缩小网页并且 text/content 不会离开 div 时,这会有所帮助。
我还有一个问题?
当您缩小文本时,我已经看到网页永远不会超出 div 并且它会变小。我在设计时遇到问题,当我缩小并保持相同字体大小时,文本消失 div。我曾尝试使用溢出、文本换行等,但我发现解决方案有效。
那么你是如何处理的呢?
![在此处输入图片描述][1]
使用填充让你看起来不错 content.If 你以 px 为单位固定高度和宽度,并且内容很大然后它就消失了。
例如 .. 你有 1000px 的屏幕,你设置 div 宽度 700px 当屏幕分辨率宽度达到 600px 时 div 熄灭 .. sloution 将你的宽度设置为 %,比如 70% 。它有助于调整宽度自动 600px 的 70%。
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
这使得网页不仅在智能手机上而且在 desktop/laptop 本身上都更易于查看。
我看到很多设计师不使用 div 或部分的宽度和高度,而是使用填充,这是好的做法吗?当您缩小网页并且 text/content 不会离开 div 时,这会有所帮助。
我还有一个问题? 当您缩小文本时,我已经看到网页永远不会超出 div 并且它会变小。我在设计时遇到问题,当我缩小并保持相同字体大小时,文本消失 div。我曾尝试使用溢出、文本换行等,但我发现解决方案有效。 那么你是如何处理的呢?
![在此处输入图片描述][1]
使用填充让你看起来不错 content.If 你以 px 为单位固定高度和宽度,并且内容很大然后它就消失了。 例如 .. 你有 1000px 的屏幕,你设置 div 宽度 700px 当屏幕分辨率宽度达到 600px 时 div 熄灭 .. sloution 将你的宽度设置为 %,比如 70% 。它有助于调整宽度自动 600px 的 70%。
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
这使得网页不仅在智能手机上而且在 desktop/laptop 本身上都更易于查看。