Html 响应性设计，最大宽度不工作

我一直在使用html/css，我对html css有一个问题。在移动设备中，我的html/css如下所示：

我已经指出了这个问题。为什么会发生这种情况

我的HTML：

/*http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
许可证：无（公共域）
*/
html，
身体，
分区，
跨度
小程序，
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
之前，
A.
缩写，
缩略语
地址:，
大的
引用，
代码，
德尔，
dfn，
相对长度单位，
img，
ins，
kbd，
Q
s
桑普，
小的
罢工
坚强的
附属的，
啜饮，
tt，
var，
B
U
我
居中
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
形式，
标签，
传奇
桌子
说明文字
t身体，
特富特，
thead，
tr，
th，
运输署，
文章
在一边
帆布，
细节，
嵌入
图形
figcaption，
页脚，
标题，
hgroup，
菜单，
导航，
产出，
红宝石，
第节，
总结，
时间
做记号
音频
录像带{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/*旧浏览器的HTML5显示角色重置*/
文章
在一边
细节，
figcaption，
图形
页脚，
标题，
hgroup，
菜单，
导航，
部分{
显示：块；
}
身体{
线高：1.6；
}
ol,，
保险商实验室{
列表样式：无；
}
块引用，
q{
报价：无；
}
blockquote：之前，
blockquote：之后，
问:以前,，
问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/*
—————————————————————————————————————————————————————————————————————————————————
*/
html{
背景：#000000；
背景：url（back.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#肖像{}体{
文本对齐：左对齐；
字体系列：“Helvetica Neue”，Helvetica，无衬线；
字号：10pt；
宽度：380pt；
利润率：32分；
字母间距：0.3px；
颜色：rgba（255，255，255，0.8）；
}
#图像盒{
文本对齐：左对齐；
保证金：2pt；
过渡期：0.5s全部缓解；
}
p{
垫底：1.2米；
}
h1{
字号：20pt；
利润上限：10分；
利润底部：3吨；
字号：200；
}
氢{
利润上限：20分；
字号：500；
字号：12号；
}
保险商实验室{
列表样式类型：无；
}
a:链接{
/*颜色：#00aaff*/
文字装饰：无；
过渡：1秒都轻松；
颜色：rgba（255，255，255，0.6）；
}
a:参观了{
颜色：rgba（255，255，255，0.6）；
过渡期：2秒都轻松；
}
a:悬停{
颜色：#00aaff；
过渡期：0.2秒，全部缓解；
}
/*
—————————————————————————————————————————————————————————————————————————————————
*/
/*iPad*/
@媒体屏幕和屏幕（最大宽度：640pt）{
html{
背景：url（back.jpg）无重复左中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#肖像画{
背景：url（back.jpg）不重复；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
宽度：100%；
背景大小：100%；
高度：260px；
左侧填充：40px；
填充顶部：40px；
}
身体{
宽度：100%；
保证金：0；
字号：12号；
背景色：rgb（19,19,19）；
身高：100%；
}
#图像盒{
过渡期：0.5s全部缓解；
保证金：30分30分0分32分；
}
#盒子{
保证金：0分30分30分30分；
}
}
/*iPhone*/
@媒体屏幕和屏幕（最大宽度：320磅）{
身体{
宽度：100%；
保证金：0；
字号：10pt；
}
#肖像画{
高度：150像素；
}
#图像盒{
文本对齐：居中；
保证金：24pt；
}
/*
#盒子{
保证金：20分；
}
h1{
字号：13pt；
文本对齐：居中；
填充底部：50px；
字号：200；
字母间距：0.3em；
文本转换：大写；
}
*/
}

罗伯特·帕德伯里
罗伯特·帕德伯里
再见！我是一个自由职业澳大利亚裔设计师，总部设在加利福尼亚旧金山。我专注于人机界面设计（UI/UX）、图标设计、标识和；品牌建设，以及特殊项目

我曾在多家公司担任过职务，包括、、，
和。早在那一天，我就在一家公司做生产实习生

如果你愿意一起工作，请随时给我发一封电子邮件

项目



&mdash；

&mdash；




社会化媒体
















照片由

在此媒体查询中

@媒体屏幕和（最大宽度：640pt）

更改此项：

宽度：100%

此

最大宽度
#portrait { 
    ...
    width: 100%;
    ...
    padding-left:40px;
    ...
}