在CSS3媒体查询中如何使身体宽度自动等于设备宽度?

前端之家收集整理的这篇文章主要介绍了在CSS3媒体查询中如何使身体宽度自动等于设备宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我现在正在做移动网站,并尝试使用 CSS3媒体查询来定位不同的设备.我的代码部分如下:
@media screen and (max-width:320px) {
body {
    width: 320px;
}
/* some other style */  
}

正如你所看到的,我必须明确设置body宽度,以确保它不会显示我在普通css(即920px)中为桌面设置的宽度.我想知道是否有任何方式可以将身体宽度自动设置为设备宽度,并且我不需要在每次创建新的@media时手动设置.

顺便说一下,我还添加了以下代码

<Meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />

解决方法

只需使用width:auto;

宽度差:100%;宽度:自动; 100%的外部宽度是100%的填充左边填充右边,内部是100%.外部宽度宽度:自动为100%,内部宽度为100% – 仅当显示为块且没有浮点设置(并且没有浮动元素没有清除)时,填充向左 – 填充 – 右侧.

猜你在找的CSS相关文章