發表回覆建立主題發起投票

> TWE3.03手機版-商品頁, 商品內容描述的圖片縮放問題
jmall
發表於: 2014-05-25, 09:35 PM
引用文章


一般會員
**

所屬群組: 註冊會員
發表總數: 17
會員編號: 7313
註冊日期: --



安裝完成TWE3.03手機版的佈景,一切正常運作中,但是有一個小缺憾,
就是商品頁面下方的[詳細介紹]讀取的是商品的圖文,一般來說內文的圖都會比較大;目前用手機看商品頁面時,超出頁面的圖都被截掉了,不知道老爹能不能解決這樣的問題? smil3ea10b9584d62.gif
傳送簡訊Email個人網站
Top
oldpa
發表於: 2014-05-26, 08:46 AM
引用文章


超級會員
*****

所屬群組: 管理群組
發表總數: 5402
會員編號: 1
註冊日期: --



在手機版中
詳細頁面的圖片
會以
<div id="xm-product-pics">
.......
...
</div>
包覆來顯示圖片大小
你可以試試在說明中的圖片也套用


--------------------

傳送簡訊個人網站
Top
jmall
發表於: 2014-05-26, 09:03 PM
引用文章


一般會員
**

所屬群組: 註冊會員
發表總數: 17
會員編號: 7313
註冊日期: --



謝謝老爹提示,不過....
試過了一些,還是不行!
我的CSS還不太行。
smil3ea06ff1e7830.gif
傳送簡訊Email個人網站
Top
oldpa
發表於: 2014-05-27, 09:34 PM
引用文章


超級會員
*****

所屬群組: 管理群組
發表總數: 5402
會員編號: 1
註冊日期: --



你可能還要試著將有定義圖片高跟寬的html標簽去除試試。


--------------------

傳送簡訊個人網站
Top
jmall
發表於: 2014-05-27, 11:20 PM
引用文章


一般會員
**

所屬群組: 註冊會員
發表總數: 17
會員編號: 7313
註冊日期: --



應該算是找到方法了;
修改的2個地方:
(1) header.php
在</head>前面加入:
CODE
<style type="text/css">
<!--
.cmcss img{ max-width:100%; height:auto;}
-->
</style>


(2)佈景檔 product_info_v1.html
CODE
<div>{$PRODUCTS_DESCRIPTION}</div>
改成
<div class="cmcss">{$PRODUCTS_DESCRIPTION}</div>

這樣手機直的看或橫著看,都會完整的顯示圖片;不過.....還是有一個小缺憾,就是不能用2根手指頭縮放。 smil3dbd4d99c6eaa.gif
傳送簡訊Email個人網站
Top
jmall
發表於: 2014-05-27, 11:53 PM
引用文章


一般會員
**

所屬群組: 註冊會員
發表總數: 17
會員編號: 7313
註冊日期: --



補充
在 header.php 加上:
CODE
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal-1.0">

改善了用愛瘋safari瀏覽時(直向轉橫向)會自動放大的問題,同時用也可以用2根手指頭縮放了。
這算是歪打正著嗎?
不過....Android不能用手指頭縮放。 smiles-angry.gif
傳送簡訊Email個人網站
Top
oldpa
發表於: 2014-05-28, 03:25 PM
引用文章


超級會員
*****

所屬群組: 管理群組
發表總數: 5402
會員編號: 1
註冊日期: --



謝謝分享心得。


--------------------

傳送簡訊個人網站
Top
1 位使用者正在閱讀本主題 (1 位訪客及 0 位匿名使用者)
0 位會員:

主題選項 發表回覆建立主題發起投票