前端学习之-用户代理样式表(user agent stylesheet)
在学前端的时候,和老师一模一样的代码,但样式就是和老师的不一样。懵逼之中发现多了个用户代理样式表,给整成了border-box,box-sizing默认是content-box。在网上苦苦寻找关闭掉它的答案,就是找不到,最终我去google,猜猜我发现了什么?156也说了:If<!DOCTYPE>is missing in your HTML content you may exper
·
在学前端的时候,和老师一模一样的代码,但那个“输入关键词”的输入框样式就是和老师的不一样。懵逼之中发现多了个用户代理样式表,给整成了border-box,box-sizing默认是content-box。
在网上苦苦寻找关闭掉它的答案,就是找不到,最终我去google,猜猜我发现了什么?
156也说了:If <!DOCTYPE>
is missing in your HTML content you may experience that the browser gives preference to the "user agent stylesheet" over your custom stylesheet. Adding the doctype fixes this.
按照这几位国际友人说的,我去检查了老师的代码,果然开头有一句
<!DOCTYPE html>
把这一句也复制到我的代码里
刷新,输入框的样式正确了,右下角的box-sizing也没了。
更多推荐
已为社区贡献1条内容
所有评论(0)