1. 程式人生 > >css面試--H5移動端

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是最佳的,灰度平滑。