html⾃动识别⼿机屏幕代码,HTML⽹页如何⾃动适应⼿机屏幕
_htmlcss_WEB-I。。。
在⽹上看到⽤以下⽅法:
但是有些⼿机可以⾃动适应屏幕⼤⼩,⽽有些则不可以,请问是为什么呢?(是否跟⼿机屏幕分辨率有关?)
另外,加了此代码会使得⽹页左侧的按钮和右侧的表格之间的间距出现问题,横屏时是有间距的,但是竖屏就会导致按钮和表格重叠,请问这⼜是为什么呢?
回复讨论(解决⽅案)
贴出代码……
贴出代码……
代码如下';echo '2012销售⾦额合计';echo '
';echo '区域⼀⽉⼆⽉三⽉四⽉五⽉六⽉七⽉⼋⽉九⽉⼗⽉⼗⼀⽉⼗⼆⽉总计';echo "
";echo "
";echo "\n"; if(isset($_POST['submit1'])) { //SQL语句 $stmt= $conn->query("select isnull(区域,N'总计') as 区域,⼀⽉=sum(case when ⽉份='1' then round(销售⾦额/10000,2) else 0 end),⼆⽉=sum(case when ⽉份='2' then round(销售⾦额/10000,2) else 0 end),三⽉=sum(case when ⽉份='3' then round(销售⾦额/10000,2) else 0 end),四⽉=sum(case when ⽉份='4' then round(销售⾦额/10000,2) else 0 end),五⽉=sum(case when ⽉份='5' then round(销售⾦额/10000,2) else 0 end),六⽉=sum(case when ⽉份='6' then round(销售⾦额/10000,2) else 0 end),七⽉=sum(case when ⽉份='7' then round(销售⾦额/10000,2) else 0 end),⼋⽉=sum(case when ⽉份='8' then round(销售⾦额/10000,2) else 0 end),九⽉=sum(case when ⽉份='9' then round(销售⾦
额/10000,2) else 0 end),⼗⽉=sum(case when ⽉份='10' then round(销售⾦额/10000,2) else 0 end),⼗⼀⽉=sum(case when ⽉份='11' then round(销售⾦额/10000,2) else 0 end),⼗⼆⽉=sum(case when ⽉份='12' then round(销售⾦额/10000,2) else 0 end),总计= sum(round(销售⾦额/10000,2)) from ⼀级订单明细表 where 年份='2012' group by 区域 with rollup"); while (list ($区域,$⼀⽉,$⼆⽉,$三⽉,$四⽉,$五⽉,$六⽉,$七⽉,$⼋⽉,$九⽉,$⼗⽉,$⼗⼀⽉,$⼗⼆⽉, $总计) = $stmt->fetch(PDO::FETCH_NUM)){ echo ""; echo '
'; echo ''.$区域.''; echo ''.(float)$⼀⽉.''; echo ''.(float)$⼆⽉.''; echo ''.(float)$三⽉.''; echo ''.(float)$四⽉.''; echo ''.(float)$五⽉.''; echo ''.(float)$六⽉.''; echo ''.(float)$七⽉.''; echo ''.(float)$⼋⽉.''; echo ''.(float)$九⽉.''; echo ''.(float)$⼗⽉.''; echo ''.(float)$⼗⼀⽉.''; echo ''.(float)$⼗⼆⽉.''; echo ''.(float)$总计.''; echo ''; } echo ''; }?>
CSS⽂件中⽬前⽆内容,请问CSS中应该如何设置才能实现⼀楼的效果呢?求路过⼤神帮助!!
你可以⽤css的媒体查询,也可以写js判断屏幕⼤⼩,赋值给页⾯,看你需求,如果只在⼿机上使⽤,建议你写js,如果web上也使⽤的话,建议你媒体查询
你可以⽤css的媒体查询,也可以写js判断屏幕⼤⼩,赋值给页⾯,看你需求,如果只在⼿机上使⽤,建议你写js,如果web上也使⽤的话,建议你媒体查询
WEB上也使⽤的,请问如果⽤@Media的话,应该怎么写呢(新⼿不懂CSS)
还是⽤框架吧,简单省事
还是⽤框架吧,简单省事
如果不⽤框架的话好不好解决此问题?本⼈框架知识尚未学习,现亟待解决此问题
希望⼤家能够给予我帮助,谢谢!
还是⽤框架吧,简单省事
如果不⽤框架的话好不好解决此问题?本⼈框架知识尚未学习,现亟待解决此问题
要单纯通过js控制还是有难度,如果不复杂还是写两个版本吧,或者你css⽤%控制⾼度和宽度(这个⽐写两个版本难度更⼤些)
你可以⽤css的媒体查询,也可以写js判断屏幕⼤⼩,赋值给页⾯,看你需求,如果只在⼿机上使⽤,建议你写js,如果web上也使⽤的话,建议你媒体查询
WEB上也使⽤的,请问如果⽤@Media的话,应该怎么写呢(新⼿不懂CSS)
@media screen and (max-width: 480px){
.aa{ width:60px; height:60px;}
.bb{padding-left:70px; line-height:30px;}
}
这样写,宽度尽量⽤%
框架是个好东西
补丁宽就可以了
声明:本⽂原创发布php中⽂⽹,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php处理手机上可以打html与css的app
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论