响应式布局(手机端)
生活随笔
收集整理的這篇文章主要介紹了
响应式布局(手机端)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
禁止手機頁面放大縮小
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />@media screen and(max-width: 750px){}
<!DOCTYPE html> <html> <head><title></title> </head><style type="text/css"> div1{width:850px;margin: 400px auto; }#div1 ul li{float:left;width:93.75px;height:30px;background: pink;list-style: none; }@media screen and(max-width: 750px){#div1{width:100%;}} </style> <body><div id="div1"><ul><li>導航</li><li>導航</li><li>導航</li><li>導航</li><li>導航</li><li>導航</li><li>導航</li><li>導航</li></ul></div> </body> </html>總結
以上是生活随笔為你收集整理的响应式布局(手机端)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 游戏没做完依然上市,消息称《真人快打 1
- 下一篇: 宝马纯电动汽车第三季度销量激增,同比增长