使用火狐浏览器开发者工具来调试html或者css

下面是记实下利用火狐浏览器简单调试css,html的环境,感乐趣的可以看一下。

方式/步骤

  1. 1

    如下图所示的结果图中,因为css样式的宽没有设置好,所以最后一个div没有顶到最右边的边框。

    下面我们可以经由过程火狐浏览器来找到这个最佳的宽度(width值);

  2. 2

    然后按键盘上的F12来调出辅助的开辟者东西。

  3. 3

    开辟者东西如下图,然后在查看器中选择响应的div,然后选中width的值(因为我们是要调整它)

  4. 4

    然后我们经由过程按键盘的标的目的上键来增添width的值,标的目的下是减值,每按一下就是增减1。

  5. 5

    如图所示,在按标的目的上键增添width值的时辰结果图越往右顶。当顶到右边的时辰就是我们找的最佳值。

  6. 6

    可是你要注重,你的代码其实并没有被点窜,所以我们还要将你获得width最佳值点窜到你的代码中,保留。

  • 发表于 2018-03-08 00:00
  • 阅读 ( 320 )
  • 分类:电脑网络

相关问题

0 条评论

请先 登录 后评论