我在网上看到这段文字:
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"/>
看到上面几句话都挺明白的,但是为什么加了下面meta标签就解决了呢?我知道width=device-width是把移动端的Layout viewport设成手机屏幕宽度,那fixed的元素不还是相对整个页面固定位置的,屏幕上滑动不还只是在移动这个所谓的viewport?
根据浏览器窗口定位的,viewport是告诉浏览器使用理想视口,让布局视口的宽度和理想视口的宽度一样