国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

HTML適應手機瀏覽器寬度

2024-04-27 15:18:12
字體:
來源:轉載
供稿:網友

在網頁的<head>中增加以上這句話,可以讓網頁的寬度自動適應手機屏幕的寬度:

[html] view plain copy 在CODE上查看代碼片<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />     <meta name="apple-mobile-web-app-capable" content="yes" />    <meta name="format-detection" content="telephone=no" />    第一行:

width=device-width%20:表示寬度是設備屏幕的寬度initial-scale=1.0:表示初始的縮放比例minimum-scale=0.5:表示最小的縮放比例maximum-scale=2.0:表示最大的縮放比例user-scalable=yes:表示用戶是否可以調整縮放比例第二行:設定派生到我的代碼片<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />    這樣子寫后,就可以把一些頁頭橫幅等的圖片的寬度都設置成style="width:100%",整個頁面在設備上看起來就是全屏的了。
上一篇:對話框的top與left

下一篇:js數據類型

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 庆云县| 晴隆县| 叶城县| 万州区| 侯马市| 潮州市| 阜城县| 勃利县| 新绛县| 池州市| 高碑店市| 五指山市| 庐江县| 仁布县| 襄城县| 赫章县| 裕民县| 九台市| 旌德县| 大宁县| 临泽县| 新平| 澄城县| 聊城市| 祁阳县| 偃师市| 芜湖县| 曲麻莱县| 会泽县| 漳平市| 祁连县| 太原市| 肇东市| 宜昌市| 新乡市| 兴海县| 星子县| 开江县| 龙川县| 阿瓦提县| 定远县|