获得徽章 14
赞了这篇沸点
看到今年的五一放假安排,顿时没了干活的欲望了,是谁说的五一放五天,一个周末,加上补班两天,就给放了一天,还毁了两个周末,对于双休的还好,单休的和大小周的怎么办?又想让人补班干活,还想让人放假了出去销费,想啥呢,上班都把人累的不行了,假期还有心情出去玩吗![[发怒]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_12.0f24f23.png)
![[发怒]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_12.0f24f23.png)
14
9
关于flex布局与省略号不显示的问题
css的单行省略号white-space:nowrap; overflow:hidden; text-overflow:ellipsis
解决1:嵌套多一层div。
2:剔除flex布局,改用text-align:center; line-height:height。
css的单行省略号white-space:nowrap; overflow:hidden; text-overflow:ellipsis
解决1:嵌套多一层div。
2:剔除flex布局,改用text-align:center; line-height:height。
展开
评论
点赞
设计稿是按1920 * 1080设计的,我也是通过px来实现了页面,并且通过pxtoRem实现了响应式页面。
前因:因为都是px固定,所以页面在浏览器展示时,因为浏览器的标签页和书签栏占了一部分高度。 所以页面因为可视宽度不变,高度变小,出现了滚动条。(图二所示)
**只有在全屏时才是完美的(不会出现滚动条),并且打开控制台缩放也会等比缩放(图三,图四)
但经理 :想在不是全屏时,不要出现滚动条。我怎么做![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
1,pxtorem响应式布局是根据可视宽度而响应的。
2,如果宽高不是等比例(1920*1080),
宽度不变,高度变小,还让我不出现滚动条,那不是失去了设计稿的意义了。只能在高度上缩小所有布局元素的高度。
问题2:假如监听可视高度(vh),那么打开控制台就会导致不是等比缩放了。
有经验的掘友,请指点一二。谢谢了。
前因:因为都是px固定,所以页面在浏览器展示时,因为浏览器的标签页和书签栏占了一部分高度。 所以页面因为可视宽度不变,高度变小,出现了滚动条。(图二所示)
**只有在全屏时才是完美的(不会出现滚动条),并且打开控制台缩放也会等比缩放(图三,图四)
但经理 :想在不是全屏时,不要出现滚动条。我怎么做
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
1,pxtorem响应式布局是根据可视宽度而响应的。
2,如果宽高不是等比例(1920*1080),
宽度不变,高度变小,还让我不出现滚动条,那不是失去了设计稿的意义了。只能在高度上缩小所有布局元素的高度。
问题2:假如监听可视高度(vh),那么打开控制台就会导致不是等比缩放了。
有经验的掘友,请指点一二。谢谢了。
展开
评论
1
图中这个需求怎么实现啊,用的less,
想让选中元素的左元素的右边框为none,右边元素的左边框为none。
如果选中的是第一个,那么第二第三个元素左边框为none,
不会用less的兄弟选择器
想让选中元素的左元素的右边框为none,右边元素的左边框为none。
如果选中的是第一个,那么第二第三个元素左边框为none,
不会用less的兄弟选择器
展开
评论
1
在使用echarts的元素中,不要使用flex布局,的flex:1,不然响应式时,会出现布局错位。
如下图所示。
解决:应该将flex:1改成width:50%,或者两者同时写。
如下图所示。
解决:应该将flex:1改成width:50%,或者两者同时写。
评论
点赞
早神 jym,早上犯困有没有什么提神的![[不看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_102.b113c42.png)
![[嘿哈]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)