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