html/css/js 页面调试问题…

页面调试常见又不易发现问题困扰

元素问题

1. transform 属性必须在块级标签下使用，否则无效，行内标签设置inline-block即可
2. 当你发现某个border(边框)属性 样式与 原先设计的样式不同时应该考虑 某父级设置了或大或小的行高、高度
3. 当遇到margin塌陷问题你无法为元素设置100%高度时，应当检查html与body是否都100%.再设置当前元素继承父元素达到100%高度

页面调试问题

1. 当页面存在溢出，我们使用overflow或者overflow-x 去掉超出部分，如果超出过多，我们在使用Chrome tools工具时不断缩放时，会导致页面变形，是因为自适应导致的问题，解决方法：关闭开发工具再重新打开，或者重新打开页面
2. hover伪类中，使用cursor属性可能会影响该元素悬浮显示问题，该问题暂不详

上传问题

1. 上传服务器的数据，可能会有中间件的限制，上传要注意Qs或者格式化的模块数据过大可能导致数组改变，把数组放到对象中传递，不使用格式化模块再查看有无错误