css面试--H5移动端

1、position:fixed;在android下无效怎么处理?

fixed的元素是相对整个页面固定位置的,你在屏幕上滑动只是在移动这个所谓的viewport,
原来的网页还好好的在那,fixed的内容也没有变过位置,
所以说并不是iOS不支持fixed,只是fixed的元素不是相对手机屏幕固定的。

<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>

name=”viewport”是来告诉浏览器这个meta属性是设置设备视口的
content=”“是设置视口的具体内容
width=device-width这段代码告诉浏览器,页面的宽度就等当前设备的视口宽度,
initial-scale=1,代表初始的页面缩放比例为1,
minimum-scale=1代表缩放的最小比例为1,
maximum-scale=1代表缩放的最大比例为1
user-scalable=no代表不允许用户进行手动缩放。

参考

 2、让页面里的字体变清晰,变细用CSS怎么做

-webkit-font-smoothing在window系统下没有起作用,但是在IOS设备上起作用-webkit-font-smoothing:antialiased是最佳的,灰度平滑。

猜你喜欢

转载自www.cnblogs.com/sayidf/p/9208531.html