html5获取手机屏幕大小写,移动端怎么让文字随着屏幕的大小自适应,代码应该怎么写呢?我现在写的代购,屏幕小的时候就会被挤出来了...

dfcf984418a98412096c44bf0818bd6e.png

无标题文档

$(function(){

$(".y").click(function(){

if($(this).hasClass("x")) {

$(this).attr('src','images/02.png');

$(this).removeClass("x");

} else {

$(this).attr('src','images/01.png')

$(this).addClass("x");

/*

$('.y').not(this).removeClass("x");

$('.y').not(this).attr('src','images/02.png');

*/

}

});

});

$(function(){

$(".b2_n").mousedown(function(){

$(this).css({"backgroundColor":"#f5f5f5"})

})

$(".b2_n").mouseup(function(){

$(this).css({"backgroundColor":"#fff"})

})

})

$(function(){

$(".c").click(function(){

$(".dis").  slideToggle(500);

});

})

*{ padding:0; margin:0;}

li,ul{ list-style:none;}

body{ font-family:'微软雅黑';font-size:12px;color:#333; margin:0 auto; padding:0; background:#f7f7f9;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{zoom:1;}

a:hover{ text-decoration:none;}

a:link,a:visited{ text-decoration:none;}

.sub_xq{height:2.2rem;background:#01aaef;color:#fff;font-size:1rem;border:none;width:20%; border-radius:0px;}

.house{background:#fff; padding:3% 5%; border-bottom:1px solid #ddd;border-top:1px solid #ddd; width:90%; height:1.5rem; margin-top:0.5rem;}

.house span{color:#333;font-size:0.85rem; width:90%;display:inline;}

.whouse{background:#fff; padding:3% 5%; border-bottom:1px solid #ddd;border-top:1px solid #f5f5f5; width:90%; height:4rem; margin-top:-1px;}

.whouse ul li i{ background:url(images/xm.png) no-repeat left;}

.whouse ul li{ line-height:2rem; font-size:0.8rem; float:left;}

.whouse ul li img{ float:left; width:20px;vertical-align: middle; margin-top:0.3rem;}

.whouse ul li span{ display:block; float:left; margin-left:5px; color:#999;vertical-align: middle; line-height:2rem;}

.fangwuxx{ padding-top:0.6rem;background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:90%; height:auto; overflow:hidden; padding-left:5%; padding-right:5%; padding-bottom:0.6rem;}

.louhao{font-size:0.8rem; color:#333; line-height:2rem; float:left; display:block;}

.axq{ background:#09F; font-size:0.8rem; padding:0.2rem 0.4rem; float:right; border:none; color:#fff; margin-top:0.2rem;}

.ayz{ background:url(images/xm.png) no-repeat left;}

.awz{ font-size:0.6rem; color:#666;}

.fangwuxx ul li{ line-height:2rem;}

.fangwuxx ul li img{float:left; width:20px;vertical-align: middle; margin-top:0.3rem;}

请选择需要缴费的房屋

项目名称-26号楼-2单元-602

查看详情

  • xm.png业主姓名:*哈哈
  • dh.png手机号:13698666463 13698666463

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值