使用 Dreamweaver 進行網頁設計,難免會遇到些 CSS 樣式的問題。下面列出幾個常見問題及解決方案:
1. 圖片寬度設置不成功 img { width: 100%; /* 或者其他值 */ max-width: 100%; } 解決方案:設置最大寬度為 100%。 2. 文字在某些設備上太小或太大 body { font-size: 16px; /* 或其他值 */ } 解決方案:設置 body 的字體大小,讓瀏覽器能按照這個大小顯示所有元素的大小。 3. 水平居中不成功 .center { margin-left: auto; margin-right: auto; width: 50%; } 解決方案:將需要居中的元素的左、右 margin 設置為 auto,同時將元素寬度設置為一個較小的值,如 50%。 4. 背景圖不占滿整個容器 .container { background-image: url('bg.png'); background-size: cover; } 解決方案:設置背景圖的大小為 cover。 5. 文字在行內元素上下不居中 .inline { display: inline-block; vertical-align: middle; } 解決方案:將行內元素的 display 設置為 inline-block,然后再將 vertical-align 設置為 middle。