大師,能不能講講移動端的rem布局方法?
如題,移動端rem究竟有沒有必要呢?該怎么弄呢?網(wǎng)上那些只是用js計算html的font-size而已。而且對于字體大小是否該用rem?我看移動端的網(wǎng)易首頁,全用了rem。導(dǎo)致頁面被等比放大,在ipad上看的話,很難看的。
如題,移動端rem究竟有沒有必要呢?該怎么弄呢?網(wǎng)上那些只是用js計算html的font-size而已。而且對于字體大小是否該用rem?我看移動端的網(wǎng)易首頁,全用了rem。導(dǎo)致頁面被等比放大,在ipad上看的話,很難看的。
2016-09-18
舉報
2016-09-20
ipad不在身邊,用模擬器看了一下。
你說的網(wǎng)易首頁如下圖:
今日頭條如下圖:
你可以看到明顯的區(qū)別,下面圖中的圖片隨屏幕尺寸變大了,但是文字沒有,造成文字和圖片不成比例,中間也有了非常大的空白區(qū)域。
屏幕變大,頁面也隨之變大,這是很正常的事情。你不可能說,我拿50寸的液晶看電視,還是看個手機(jī)視頻的效果。
至于為什么不用PX,是就是因為PX是固定的值,不管你在多大的屏幕上12PX的文字,就只有那么一丁點(diǎn)小。那為什么不用百分比,不用vw這些自適應(yīng)的單位,而是用同樣是固定值的rem或者em?這個還是有點(diǎn)緣由的,你可以自己去了解一下。
2016-09-19
移動端用rem還是有必要的。但是你說的在ipad上看會很難得不知道指的是什么?
手機(jī)上顯示小尺寸,在大屏幕上頁面放大,這很正常嘛。ipad上看頁面還是320的手機(jī)尺寸,文字還是12px,那才奇怪吧?
現(xiàn)在移動端普遍都是用rem,再用JS動態(tài)的調(diào)整html的font-size,來配合屏幕尺寸的變化。