移动web特殊样式处理

Posted zhaobao1830

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动web特殊样式处理相关的知识,希望对你有一定的参考价值。

 一、高清图片

二、一像素边框

    

还有一种解决办法:

    

 1 border-1px($color)
 2   position: relative
 3   &:after
 4     display: block
 5     position: absolute
 6     left: 0
 7     bottom: 0
 8     border-top: 1px solid $color
 9     width: 100%
10     content: \'\'

三、字体大小,rem  这只是一种解决方法,有时候也用 px

默认设置 html的font-size:62.5%      页面默认的font-size为16px     62.5% = 10/16

这样的话  1rem=10px   1.2rem=12px

四、多行文本溢出

   

line-clamp表示显示几行

以上是关于移动web特殊样式处理的主要内容,如果未能解决你的问题,请参考以下文章

列举在Web前端开发中经常会设置的特殊样式!

移动开发--移动web特别样式处理

移动Web开发基础

移动端的特殊样式

VS Code中自定义Emmet代码片段

设计一套方案,解决不同浏览器的兼容问题