网页在不同电脑显示不同的原因

Question

我在自己的电脑上做了一个网页，但我放到别的电脑上看时，排版全变了，这是什么原因呢？有什么解决办法？

Answer 1

你好，关于排版变了的问题。你说是全变了，最大的可能性就是浏览器的分辨率问题，反应到前端网页上。就是像素问题。
比如你给父元素给宽度100%，但是由于分辨率不同的显示器，会把这个宽度解析成不同的宽度。
这时候，你的子元素还是按照原先电脑的分辨率设定的宽度。布局就会乱了。

解决方法：给你的网页给width：100%的时候，也给一个min-width最小宽度的属性。
第二种：直接让你的网页是固定宽度。比如，width：1280px；