页面调试问题

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

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

元素问题

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

页面调试问题

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

上传问题

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

注: