zoukankan      html  css  js  c++  java
  • 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是最佳的,灰度平滑。

  • 相关阅读:
    转载-如何高效的学习技术
    Lc176-第二高的薪水
    Lc4-寻找两个有序数组的中位数
    Lc175-组合两个表
    Lc3-无重复字符的最长子串
    Lc2-俩数相加
    Lc1- 两数之和
    jpa-子查詢
    20191225页面样式
    leetcode二刷结束
  • 原文地址:https://www.cnblogs.com/sayidf/p/9208531.html
Copyright © 2011-2022 走看看