時間:2023-09-25 08:36:01 | 來源:網站運營
時間:2023-09-25 08:36:01 來源:網站運營
新手小白制作不同屏幕自適應網頁的小訣竅:小白同學學習網頁制作時,經常會被各種屏幕尺寸,寬度單位搞的一頭霧水,同一個網頁,如何適應筆記本,桌面電腦,平板電腦,手機瀏覽呢?為什么有的頁面在電腦端和手機端看起來不一樣,可以自動適應不同屏幕呢?@media (max-width: 600px) { /** ** 這里面寫手機端的css樣式 **/ .div{ } }
以此類推,你還可以繼續(xù)分類。@media screen and (min-width: 600px) and (max-width:900px) { /** ** 寬度是600到900px ** 這里面寫中等屏幕,比如一些平板等設備 的css樣式 **/ .div{ }}
具體寬度,你可以直接修改,我上面僅僅是舉列子,其他寬度就不說了,也是同樣的道理。關鍵詞:適應,訣竅,新手,屏幕