本文作者:职业编辑

如何添加CSS让页面自适应手机

职业编辑 5个月前 ( 06-09 ) 190 抢沙发 百度已收录
如何添加CSS让页面自适应手机摘要: 头部添加下面代码(head最顶部)<meta name="viewport" content="width=device-w...

头部添加下面代码(head最顶部)

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0">
<meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp">

在要显示自适应的内容上面添加如下代码(添加在head之间) 


<style>#usernameSpan{line-height:30px; font-size:14px;}@media(min-width:800px){#usernameSpan,#word,#send{float:left;}
#word{width:400px;height:30px;font-size:12px;}
#send{border:#DDD 1px solid;background-color:#e8e8e8;padding:6px;color:#000000;font-size:15px;}}@media(max-width:799px){#word{max-width:200px;height:30px;font-size:12px; float:left;}
#send{border:#DDD 1px solid;background-color:#e8e8e8;padding:6px;color:#000000;font-size:15px;}}</style>


文章版权及转载声明:

作者:职业编辑本文地址:https://talkw.cn/post/238.html发布于 5个月前 ( 06-09 )
文章转载或复制请以超链接形式并注明出处维特技术网

分享到:
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (暂无评论,190人围观)参与讨论

还没有评论,来说两句吧...