鍍金池/ 問(wèn)答/HTML5  HTML/ position:fixed在移動(dòng)端和PC上原理有什么區(qū)別嗎?

position:fixed在移動(dòng)端和PC上原理有什么區(qū)別嗎?

我在網(wǎng)上看到這段文字:
  fixed的元素是相對(duì)整個(gè)頁(yè)面固定位置的,你在屏幕上滑動(dòng)只是在移動(dòng)這個(gè)所謂的viewport,
  原來(lái)的網(wǎng)頁(yè)還好好的在那,fixed的內(nèi)容也沒有變過(guò)位置,
  所以說(shuō)并不是iOS不支持fixed,只是fixed的元素不是相對(duì)手機(jī)屏幕固定的。
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>

看到上面幾句話都挺明白的,但是為什么加了下面meta標(biāo)簽就解決了呢?我知道width=device-width是把移動(dòng)端的Layout viewport設(shè)成手機(jī)屏幕寬度,那fixed的元素不還是相對(duì)整個(gè)頁(yè)面固定位置的,屏幕上滑動(dòng)不還只是在移動(dòng)這個(gè)所謂的viewport?

回答
編輯回答
有你在

根據(jù)瀏覽器窗口定位的,viewport是告訴瀏覽器使用理想視口,讓布局視口的寬度和理想視口的寬度一樣

2017年10月21日 00:01