瀏覽代碼

styling edit responsive iframe-container

tags/0.9.0
Alej 5 年之前
父節點
當前提交
37ac85080a
共有 1 個檔案被更改,包括 13 行新增0 行删除
  1. 13
    0
      vue-theme/src/pages/single.vue

+ 13
- 0
vue-theme/src/pages/single.vue 查看文件

@@ -194,4 +194,17 @@ export default {
194 194
             li
195 195
                 img
196 196
                     width: 100%
197
+        /* responsive iframe embeds */
198
+        .iframe-container 
199
+            position: relative
200
+            width: 100% 
201
+            padding-bottom: 56.25% 
202
+
203
+        .iframe-container iframe 
204
+            position: absolute 
205
+            top: 0px 
206
+            left: 0px 
207
+            width: 100% 
208
+            height: 100% 
209
+
197 210
 </style>

Loading…
取消
儲存