发新贴  快速回复

rem问题

  妙味用户757177
2017-11-19 15:16

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

 

<style type="text/css">

 

html{font-size: 40px;}

 

.box1{width: 16rem; height: 3rem;box-sizing: border-box;border: 1px solid #000;}

</style>

</head>

<body>

 

<div class="box1"></div>

</body>

</html>

 

 

 

 

在iPhone5下 box1宽度应该占满整个屏幕的   为什么没有占满呢

 
妙味用户757177

iPhone5分辨率不是640吗?

2017-11-19 15:18  回复本帖
2017年2月8日

你把移动端需要设置的viewport设置上再说

2017-11-19 15:39  回复本帖
 
妙味用户757177

2017年2月8日 2017-11-19 15:39发表的内容:

你把移动端需要设置的viewport设置上再说

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />



<style type="text/css">

*{margin: 0; padding: 0;}

html{font-size: 40px;}



.box1{width: 16rem; height: 3rem;border: 1px solid #000;box-sizing: border-box;}

</style>

</head>

<body>



<div class="box1"></div>

</body>

</html>





设置后右侧边框怎么不见了 我设置box-sizing了
2017-11-19 15:57  回复本帖
2017年2月8日

妙味用户757177 2017-11-19 15:57发表的内容:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />



<style type="text/css">

*{margin: 0; padding: 0;}

html{font-size: 40px;}



.box1{width: 16rem; height: 3rem;border: 1px solid #000;box-sizing: border-box;}

</style>

</head>

<body>



<div class="box1"></div>

</body>

</html>





设置后右侧边框怎么不见了 我设置box-sizing了
你现在的html字体大小是40px。然后box1的宽度是16rem,那就相当于640px,那你在iPhone5下,你肯定超过一半了,肯定只能显示一半。iPhone5的宽度才320px而已
2017-11-19 17:48  回复本帖
 
妙味用户757177

2017年2月8日 2017-11-19 17:48发表的内容:

你现在的html字体大小是40px。然后box1的宽度是16rem,那就相当于640px,那你在iPhone5下,你肯定超过一半了,肯定只能显示一半。iPhone5的宽度才320px而已

不对的  苹果五就是640

2017-11-20 08:29  回复本帖
2017年2月8日

妙味用户757177 2017-11-20 08:29发表的内容:

不对的  苹果五就是640

苹果5的宽度是320px,百分百对,你说的那个640是指横向的分辨率,那是物理像素、独立像素、设备像素,不是css像素。反正你的640和我的320指的不是同一个像素
2017-11-20 11:14  回复本帖
登录 后才可以发表回复