我在自己的电脑上做了一个网页,但我放到别的电脑上看时,排版全变了,这是什么原因呢?有什么解决办法?
你好,关于排版变了的问题。你说是全变了,最大的可能性就是浏览器的分辨率问题,反应到前端网页上。就是像素问题。
比如你给父元素给宽度100%,但是由于分辨率不同的显示器,会把这个宽度解析成不同的宽度。
这时候,你的子元素还是按照原先电脑的分辨率设定的宽度。布局就会乱了。
解决方法:给你的网页给width:100%的时候,也给一个min-width最小宽度的属性。
第二种:直接让你的网页是固定宽度。比如,width:1280px;
1.分辨率
2.浏览器兼容性
3.像素
可以固定页面宽度试试
分辨率?不同浏览器兼容问题?
可能编码出现问题,在网页空白处单击右键---编码---(简体中文或utf-8)
“工具”选项,从下拉菜单中点选“兼容性视图”命令,打钩就好。
你可以用html5的一个属性@media来解决屏幕适配问题哦
很大可能是没有清除浏览器默认的margin,padding值,因为不同的浏览器,内核不一样,它元素默认的margin,padding值也有所差异,所以使得IE,火狐,360,Chrome等不同浏览器中看到的效果有所偏差,排版混乱。小型项目练习的话,在css样式中加入
*{margin:0;padding:0;}
就好了。
浏览器不兼容,计算的样式尺寸不对。主要还是代码的原因,最好是写自适应的样式尺寸,这样误差小点;然后就是针对不同的流量器做兼容性处理;再然后就是用自适应的框架去写,比如bootstrap。当然本人一般什么都不用,编写的样式本来就是宽度上百分比的,高度是固定像素的,字体是em的,也就不会出现不适应的情况啦
电脑显示器设置(如分辨率等参数)不同;
电脑显示器尺寸不同;
不同电脑使用了不同的浏览器。