成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

rem布局

shaonbean / 1240人閱讀

摘要:說(shuō)一下的布局對(duì)應(yīng)的是設(shè)定值這里的的設(shè)定值是唯一的參考物,該設(shè)定值。做響應(yīng)式布局,彈性布局也好,這里要注意一下,要怎么處理這個(gè)。這里要看你具體需求引入淘寶的寫動(dòng)態(tài)去計(jì)算的的值通過最小值最大值設(shè)定值,控制屏幕范圍去控制的值。

說(shuō)一下rem的布局:

rem對(duì)應(yīng)的是html{ font-size:“設(shè)定值”}
這里html的font-size的設(shè)定值是rem唯一的參考物,1rem=該設(shè)定值。
做響應(yīng)式布局,彈性布局也好,這里要注意一下,要怎么處理這個(gè)rem。
這里要看你具體需求:
  1:引入淘寶的flexible
  2:寫js動(dòng)態(tài)去計(jì)算html的font-size的值
  3:通過@media screen and(min-width:最小值)and 
   (max-width:最大值){ html { font-size:設(shè)定值}},
    控制屏幕范圍去控制rem的值。

這里我比較傾向第三種:

    1: 個(gè)人喜歡,雖然有點(diǎn)麻煩;
    2: 比較柔和,機(jī)動(dòng)性強(qiáng),可以兼容第三方的UI框架,這也是最重要的原因。
       有時(shí)候你引入的js動(dòng)態(tài)改變了rem后和你引入U(xiǎn)I框架的css沖突了,導(dǎo)致
       樣式變的超級(jí)小或者超級(jí)大;
    3: 還可以根據(jù)屏幕尺寸去制定專屬的rem,經(jīng)過調(diào)試可以達(dá)到在各種機(jī)型下
       最優(yōu)的效果
    

今天還遇到了一個(gè)禁用顯示滾動(dòng)條但不禁用效果的方法:

      ::-webkit-scroller{ display:none}
      直接包裝元素添加該類即可

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/51803.html

相關(guān)文章

  • 我們來(lái)談?wù)勴?xiàng)目中遇到的需要兼容pc端和移動(dòng)端的css布局

    摘要:首先在里面需要引入移動(dòng)端屬性布局方式之布局標(biāo)題布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的布局獲取屏幕寬度設(shè)置標(biāo)簽的大小為移動(dòng)端效果圖端效果圖布局方式之彈性布局布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的 首先在head里面需要引入移動(dòng)端屬性: 1.css布局方式之div + css布局; 標(biāo)題: div + css布局 內(nèi)容: 兼容...

    sshe 評(píng)論0 收藏0
  • 我們來(lái)談?wù)勴?xiàng)目中遇到的需要兼容pc端和移動(dòng)端的css布局

    摘要:首先在里面需要引入移動(dòng)端屬性布局方式之布局標(biāo)題布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的布局獲取屏幕寬度設(shè)置標(biāo)簽的大小為移動(dòng)端效果圖端效果圖布局方式之彈性布局布局標(biāo)題布局內(nèi)容兼容端和移動(dòng)端的 首先在head里面需要引入移動(dòng)端屬性: 1.css布局方式之div + css布局; 標(biāo)題: div + css布局 內(nèi)容: 兼容...

    miracledan 評(píng)論0 收藏0
  • 移動(dòng)端rem布局的學(xué)習(xí)(基于自己寫的一個(gè)網(wǎng)易云播放頁(yè)面的思考)

    摘要:最近在看關(guān)于移動(dòng)端的響應(yīng)式布局,其中涉及到比較多的就是大小屬性的設(shè)置等等,今天自己就捋一捋的用法。然而萬(wàn)一不能用該怎么辦啊,所以還是要學(xué)會(huì)自己寫原生的頁(yè)面布局,也就會(huì)有今天的這篇文章了。的使用是指相對(duì)于根元素的字體大小的單位。 對(duì)于一個(gè)前端的初學(xué)者來(lái)說(shuō),首先要做好的事就是切頁(yè)面了,切頁(yè)面不得不說(shuō)的就是布局了,布局的重要性不言而喻,為了良好的用戶體驗(yàn),提出了許多不一樣的布局:響應(yīng)式布局,...

    wums 評(píng)論0 收藏0
  • 移動(dòng)端rem布局的學(xué)習(xí)(基于自己寫的一個(gè)網(wǎng)易云播放頁(yè)面的思考)

    摘要:最近在看關(guān)于移動(dòng)端的響應(yīng)式布局,其中涉及到比較多的就是大小屬性的設(shè)置等等,今天自己就捋一捋的用法。然而萬(wàn)一不能用該怎么辦啊,所以還是要學(xué)會(huì)自己寫原生的頁(yè)面布局,也就會(huì)有今天的這篇文章了。的使用是指相對(duì)于根元素的字體大小的單位。 對(duì)于一個(gè)前端的初學(xué)者來(lái)說(shuō),首先要做好的事就是切頁(yè)面了,切頁(yè)面不得不說(shuō)的就是布局了,布局的重要性不言而喻,為了良好的用戶體驗(yàn),提出了許多不一樣的布局:響應(yīng)式布局,...

    he_xd 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<