討論群組

求解 CSS語法拜託幫幫

阿b1045

阿b1045
個人積分：0分
文章編號：56240341

0分

樓主

2015-06-15 16:29

請問我是用Adobe Dreamweaver CS6 在做網頁但是做出來的網頁手機不能看圖片都怪怪的
請問有人可以告訴我語法嗎
我知道軟體可以有手機板跟電腦版
但是我只打算用Dreamweaver 做電腦版不打算做手機板
那要插入甚麼語法才可以用手機打開時圖片自動尺寸

2015-06-15 16:29 發佈

文章關鍵字 css 語法

zodus

zodus
個人積分：1分
文章編號：56241127

1分

2樓

2015-06-15 17:25

你可以打幾個關鍵字來查詢「responsive web design」「media queries」
就能找到很多參考資料了
以你的需求，應該類似下面這樣的用法吧...

img{ width:auto; }
@media screen and (max-width: 767px) {
// 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。
img{ width:100%; display:block; }
}

走標籤
個人積分：111分
文章編號：56258573

111分

3樓

2015-06-16 21:32

網頁要先設計版型
可以用DIV 或 Table
寬用百分比的方式

如果要知道手機瀏覽的效果
把電腦瀏覽器的視窗寬高調成手機的寬高
然後重新載入網頁
這樣就知道手機的瀏覽效果

X

X