no message

Author: rourou-yang

css/custom.css

@@ -496,9 +496,9 @@ div.cus_slideshow{
 
 /*手機殼的外框*/
 .cus_slideshow .toTop .wrapcase{
-	width: 68%;
+	width: 59%;
 	height: 100%;
-	margin:0 16%;
+	margin:0 22% 0 19%;
 
 	/*background-color: rgba(255,255,255,.5);*/
 }
@@ -1367,10 +1367,19 @@ div.cus_navbar{
 	margin-left:3%; 
 }
 
+/*-------------幻燈片04------------*/
 
 
 
-
+/*置入（ＣＡＮＶＡＳ）*/
+.cus_slideshow ul li.slide04 div.case_img .insert_text{
+	width: 69%;
+	height: 50%;
+	position: absolute;
+	top: 0;
+	padding: 25% 14% 25% 17%;	/*控制左右邊界的位置*/
+	display: inline-block;
+}
 
 
 
@@ -1451,7 +1460,12 @@ div.cus_navbar{
 	/*background-color: rgba(0,0,0,.5);*/
 }
 
-
+/*手機殼的外框*/
+.cus_slideshow .toTop .wrapcase{
+	width: 80%;
+	height: 100%;
+	margin:0 10% 0 10%;
+}
 
 /*============================================*/
 
@@ -1644,7 +1658,15 @@ div.cus_slideshow{
 
 /*----------幻燈片04------------*/
 
-
+/*置入（ＣＡＮＶＡＳ）*/
+.cus_slideshow ul li.slide04 div.case_img .insert_text{
+	width: 71%;
+	height: 45%;
+	position: absolute;
+	top: 0;
+	padding: 44% 17% 11% 12%;	/*控制左右邊界的位置*/
+	display: inline-block;
+}
 
 /*標題文字*/
 .cus_slideshow ul li .step .msg label{

js/custom.js

@@ -207,12 +207,34 @@ $('div .skip ').click(function(){
 // 抓手機殼的寬給CANVAS的寬
 var c=document.getElementById('c');
 //用手機殼的0.9倍寬(為了讓CANVAS的框在手機殼內)
-var _caseWidth = $('#aaa').width();
+var _caseWidth = $('#aaa').width()*.92;
 var _caseHeight =$('#aaa').height();
 
 c.width=_caseWidth;
 c.height=_caseHeight;
 
+var $window=$(window)
+var wdth=$window.width();
+
+// 當視窗為手機大小時，執行此涵式
+var windowResize = function(){
+  _caseWidth = $('#aaa').width()*1.4;
+  c.width=_caseWidth;
+  c.height=_caseHeight;
+}
+
+if(wdth<768){
+  windowResize();
+}
+
+      
+// $window.resize(function() {
+//   if(wdth<768){
+//       windowResize();
+//       console.log('yes');   }
+// });
+
+
 
 // 設定一個變數來存目前的木頭圖片名稱
 var wood_img = null;