采用了less的网站打开展现不正常-pg电子网站

2023-02-11 来源:www.0579es.com 作者:宇讯科技 阅读 468


less是一种css预处理技术。采用less的网站实现在css要方便快捷得多,而且less可以采用在线加入less.js的方式直接自动生成css。这点就是一些人不采用sass而采用less的原因。 但是最近我发现采用less的网站打开网站有点不正常,网页加载总有点错位的情况发生。当网页出现这种情况,我就知道是less的原因。

less转css来解决问题

我知道可以采用less转css这个办法来解决问题。但是less转css后,如果网站进行修改,又得再转次css。所以这种办法解决在我想来不够方便,也容易引起网站数据的不一致性。

直接把less.js提前

less.js 只能出现在引入less文件后面如果引入在less文件前面,那less文件就不会被解析。根据这点,我就把less.js文件放到body后面。这种操作在本地开发时不会有不适的情况发生,一旦转到实际场景由于加载图片要时间,就会造成less.js后于less引入文件很久才能加载进来,也就是很长一段时间网页的css代码没有。 能过把less.js文件提前成less文件引入之后一点,测试下网站跟网站直接采用css文件一样的效果,没有错位的情况了。
所以网站的less.js文件一定不能引入太后了,否则就会加载太晚造成网页无css代码而错位。

 


相关文章推荐

网站地图