苹果手机端 加粗问题

时间:2022-01-09 17:16:53

苹果高清屏(视网膜屏) 一个像素可能就代表多个pc端像素点(才会导致屏幕特别清晰 画质才会特别好看)

导致了一个问题  因为多个像素点组成的px 文字边框会显示的比较粗

解决方案

手机淘宝参考

var metaEl = metaEl = doc.createElement('meta')
var scale = isRetina ? 0.5:1;
metaEl.setAttribute('name','viewport')
metael.setAttribute('content','initial-scale=' + scale + ',maximum='+ scale +',minimum='+scale+',user-scaleable=no')
if(doc.firstElementChild){
document.documentElement.firstElementChild.appendChild(metaEl)
}else{
var wrap = doc.createelement('div')
wrap.appendChild(metaEl)
document.write(wrap.innerHTML)
}苹果手机端 加粗问题