移動端字型加粗的解決方案

2021-09-10 07:52:09 字數 371 閱讀 2994

在移動端無法加粗字型應該是前端和設計的乙個經常發生爭執的點,在這裡列舉兩種本人的解決方案

一、更換字型

二、字型陰影

text-shadow可能大家很少用到,因為需求很少,而且讓人感覺很模糊,所以用到的很少。

但是在移動端不能加粗的大前提下,字型陰影就成了加粗很好的解決辦法。

**就一句:text-shadow: 0px 0px #000;

其實就是在字型外又加了一層和字型顏色完全一樣的陰影,無模糊,效果如下:

這就是我的解決辦法了,如果大家有其他的解決辦法,歡迎告訴我,謝謝閱讀。

移動端垂直居中字型偏上解決方案

當產品讓我們實現這麼乙個按鈕樣式 很顯然這個文字必須要垂直居中,但是兩端還要實現乙個半圓的效果,這時候我的實現方法是 btn下面我解釋一下為什麼要這麼做,首先字型大小也就是font size 30 r font size其實就是字型的高度30那麼我又設定了乙個上下的padding 10,按鈕的圓角最...

移動端技術解決方案

1.移動端瀏覽器相容問題 移動端瀏覽器基本以 webkit 核心為主,因此我們就考慮webkit相容性問題。我們可以放心使用 h5 標籤和 css3 樣式。同時我們瀏覽器的私有字首我們只需要考慮新增 webkit 即可 2.移動端公共樣式 移動端 css 初始化推薦使用 normalize.css ...

移動端布局解決方案

flex布局 rem 百分比 px 畫素 絕對單位 pixel pix picture el element 影象元素 百分比 相對單位 相對於父級元素 rem 相對單位 root 根元素 相對於根元素字型大小的倍數 em 相對單位 相對于父元素字型大小的倍數 vh view height 檢視高 ...