f12移动端100%组件展示不全

发布网友发布时间：2022-05-12 02:42

共1个回答

热心网友时间：2023-11-04 14:51

卸载重装就可以
F12工具中定位元素这里拿我的博客作为网页、用Chrome谷歌浏览器作为例子。打开网页，按下键盘上的F12键。点击Elements栏，选择body元素，如下图：image1.左边用半透明蓝色覆盖表示被选区域，仔细看左下角还有个标志显示元素名称和宽高。2.中部内容就是Elements，即页面元素。看图可以发现我们选择了body元素3.右侧区域为Style，即css样式,显示的是被选元素对应的css。这样就非常方便我们调试样式。image这里我们假设有个需求，需要右边头像的元素代码和css演示。我们不需要右键查看源代码（早期有些教程会使用这个方法）。可以使用F12工具的左上角的指针工具image1.鼠标左键单击指针工具，单击后工具会变为蓝色状态2.移动鼠标到头像上，你会发现自动出现蓝色半透明选框。会显示元素标签和宽高3.点击确认后，你会发现中部Elements会自动定位到头像代码，右边Style也会自动定位到头像的css样式。