Steven0T 2017-12-01 12:03:29 16071次浏览 1条评论 0 2 0

今天在写一个网页的时候发现一个问题,我的table的样式很奇怪,也没有设置什么样式,跟其他的页面不一样,打开开发者工具一看,发现有这么点样式:
TIM截图20171201115104.png
其中右上角:user agent stylesheet

1、user agent stylesheet是浏览器默认样式表,在写网页时,没有指定的样式,按浏览器内置的样式表来渲染。像word中也有一些预留样式,可以让我们的排版更美观整齐。

2、不同浏览器甚至同一浏览器不同版本的默认样式是不同的。

百度了一下,发现好多人都在初始化页面的样式,自己写样式覆盖默认,感觉这个办法不好;

Google了一下,发现一个好办法:

If <!DOCTYPE> is missing in your html you may experience that the browser gives preference to the "user agent stylesheet" over your custom stylesheet. Adding the doctype fixes this.

所以在html顶部加上:

<!DOCTYPE html>

刷新发现OK了

觉得很赞
  • 评论于 2017-12-05 16:13 举报

    真的吗?你在当前页面中加的还是在模板中加的呢,我的登录页面的input框会加载浏览器的默认样式的,只要保存了密码,第二次登录背景就会变成黄色的,我很想改掉,但是没起到作用,希望楼主说的方法有用

    1 条回复
    评论于 2017-12-06 09:07 回复

    你可以试试,,但是使用默认样式也有可能是你自己的样式引入有问题,你可以先试试,有问题在反应

您需要登录后才可以评论。登录 | 立即注册