<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                >[success] # 樣式 1. 小程序樣式三種 **行內樣式、頁面樣式、全局樣式** 2. 在 `app.wxss` 中編寫的是全局樣式,聲明的樣式可以在任何頁面使用什么的`class`,頁面樣式是在`自己對應頁面的wxss` 聲明只能在自己的頁面中生效,行內樣式和css 一樣通過`style`,但優先級依次是:**行內樣式 > 頁面樣式 > 全局樣式** >[success] # 尺寸單位 -- rpx 1. `rpx(responsive pixel)`: 可以根據屏幕寬度進行自適應,規定屏幕寬為750rpx。 2. 為了適配每一個手機,使用固定的px 像素會導致不同手機因為屏幕大小問題,使用`rpx`會針對不同屏幕進行適配 ![](https://img.kancloud.cn/a7/34/a73472cd15c87e15974d6ee7302024f5_1265x306.png) 3. 如在 iPhone6 上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 ` iphone6` 正好是px 像素的` 0.5`倍,**開發微信小程序時設計師可以用 iPhone6 作為視覺稿的標準** >[info] ## 案例 ![](https://img.kancloud.cn/45/ac/45acf4834654f1ec7abfb2a5e3484e7f_486x160.png) * 當前頁面的.wxss ~~~css .current-title{ background-color: orange; } ~~~ * app.wxss ~~~css .app-title{ background-color: ; } ~~~ ~~~html <!-- 全局樣式 編寫在 app.wxss --> <view class="app-title"> 你好 </view> <!-- 編寫頁面自己的 wxss 文件--> <view class="current-title"> 你好 </view> <!-- 行內樣式 --> <view style="background-color: aqua;">你好</view> <!-- 優先級 行內樣式 > 頁面樣式 > 全局樣式--> <view class="current-title app-title" style="background-color: aqua;"> 你好 </view> <!-- 關于rpx 32rpx 在iphone6 上顯示是 16px--> <text style="font-size: 32rpx;">12345</text> ~~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看