通过设置table width=“100%”table-layout="fixed" 解决
#我是怎么发现并解决项目页面渲染效率问题的（IE调试工具探查器的使用）##背景之前的项目中，有很多的登记页面，一般都有100-200甚至更加多的字段，而且还涉及到字典、日期及其他效果的显示，载入时很慢，而且会有卡死的现象，IE下特别明显##IE调试工具探查器的使用当时找了不少资料，不过最后还是把目光聚焦到IE自带的调试工具了目前我电脑里面的是IE10，当时分析时用的是IE9，里面有一页**探查器**引起了我的注意，经过一轮的折腾...
这个是我设计的菜单， 在这个网站能看到， http://www.hadoop.so/ 不过发现菜单的间隔太大了， 但是的我用的CSS也是border-left=1px, border-right=1px 但看起来比1PX要大很多， 我那个菜单是模仿 https://flippa.com/的， 他的网站并没这个问题， 能不能帮我看一下， 调试了几天了 让菜单的间隔像那个网站一样 回复讨论(解决方案) 加上 ul.nice-menu li { position: relative; float: left; ...
修改HTML或js代码后重新生成再进行调试，网页显示还与修改之前相同，怀疑是整个网站已经编译好放在了一个地方，是否跟服务器（我的是IIS7.5）有关？ 甚至网站的源文件夹里的东西再怎么更改，加载的网页都没有变化，就算把整个文件夹删掉都还是可以在浏览器中输入URL进入。这到底是为什么？ 回复讨论(解决方案) 帅哥，发错版了。 帅哥，发错版了。 应该不是VS的问题，是浏览器的问题，用Chrome会出现用VS修改了解决方案...
#浅谈浏览器兼容性问题-（4）工具及调试##前言浏览器兼容性的问题，即使积累得更多，也会有新的问题出现。此时我们就需要会（利用工具）调试及解决问题。下面以一个滚动条宽度位置的问题为例说明此点。##问题这个网址下的表格，在IE7模式下，会有一部分的内容被滚动条覆盖了##解决我们要利用`开发人员工具`，**一层层循序寻找看是哪个元素导致的问题...
案例背景：在大型网站中，css样式划分为多个模块文件，如reset.css，layout.css，skin.css等等（颗粒化越小，样式重用率越高），页面需要的时候引入它们即可！ 回到less项目中这里，我们也可以将划分为 reset.less，layout.less，skin.less等，然后在本页面样式（如index.less）嵌入它们（嵌入的方式，就减少了多个HTTP请求，性能相对好，也可以了解为合拼），代码如下： index.less @import block/reset.less;@import bl...
z-index的问题 document的默认值是0. 一旦出现这种问题，检查下是否对大背景设置了z-index：-1; 如果设置了这个，那么所有的被设元素的内容都会在document之下，选取不到。包括不会出现链接点击、文字选取、hover等效果。 所以解决这个问题的方法就是把大背景的z-index:-1;去掉即可。
1、布局??layout 布局是windows提出的概念，用于控制元素的尺寸和定位。拥有布局的元素负责自身及其子元素的尺寸及定位，而没有布局的元素只能依靠最近的祖先元素进行控制。 通常在IE6中出现的BUG，很可能是因为布局的缘故而产生的，因而修复IE中BUG的时候，第一件事就是尝试通过规则迫使元素拥有布局来看能否修复。 默认情况下拥有布局的元素包括：body、html（标准模式下）、table、tr、td、img、hr、input、select、textarea...
在开发过程中，代码部分实现之后，就要着手于前台展示部分的界面，公司的美工又是新手，无奈，只有自己慢慢调了，但IE6之前的版本都没有好的调试工具，后来在网上搜索了一个 IE Developer Toolbar 这个工具还不错，但是对于我这个用习惯chrome和firefox的人来说，确实是个不小的挑战，于是乎最近又在网上搜索，看看能不能找一个跟chrome或者是firedebug类似的针对IE6的网页调试工具， 不巧真被我找到了。大喜之后，赶紧记录下，分享...
在本地开发环境（nginx）中，经常遇到这样的情况：调试js时浏览器总是不载入已修改的js内容，而直接吐出了上次缓存的代码。 我曾经做过以下尝试： ctrl+F5 ctrl+F5+F5+F5+F5+F5+F5 service nginx restart service nginx stop ... service nginx start service php-fpm restart service php-fpm stop ... service php-fpm start reboot 在nginx配置里...
页面制作之开发调试工具（1） 开发工具介绍 开发工具一般分为两种类型：文本编辑器和集成开发环境（IDE） 常用的文本编辑器：Sublime Text、Notepad++、EditPlus等 常用的IDE：WebStorm、Intellij IDEA、Eclipce等 我们这里主要介绍如何使用Sublime Text编辑器，它基本满足我们对前端开发工具的需求。 一、Sublime Text的特点： 跨平台、启动快 多行选择 各种实用插件 Snippets 支持VIM兼容模式 Sublime T...
原文出处： jingwhale 欢迎分享原创到伯乐头条 开发工具介绍 开发工具一般分为两种类型：文本编辑器和集成开发环境（IDE） 常用的文本编辑器：Sublime Text、Notepad++、EditPlus等 常用的IDE：WebStorm、Intellij IDEA、Eclipce等 我们这里主要介绍如何使用Sublime Text编辑器，它基本满足我们对前端开发工具的需求。 一、Sublime Text的特点： 跨平台、启动快 多行选择 各种实用插件 Snippets 支持VIM兼...
最近学习sass这个预处理工具，在搭建chrome和sass的环境出现问题，按照教程，在chrome的开发者工具那里会有一个experiments 里面会有一个support to sass ，我以为是chrome的问题，装了一个canary版的，chrome://flags 开启开发者 再看experiments，也没有。。。。图2 也觉得难道没有sass？ruby安装了，sass装了，compass装了，也都重新装一遍，还是不行， 就差了这个。。。。。，望大神解救。 回复讨论(解决方案)...
题外话 传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!; 定位HTML元素的三种方式 进入调试工具界面,按下”瓢虫”旁边的小鼠标,再进行网页元素的选择 默认快捷键,Ctrl + shift + C 鼠标移动到网页的某一块元素,鼠标右键,使用Firebug查看元素 HTM...
什么是 CSS 预处理器？ 定义：CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。 CSS 预处理器语言，比如说：Sass（SCSS）LESSStylusT...