Html 这个<;img>;不适合屏幕(100%)

Html 这个<;img>;不适合屏幕(100%),html,css,Html,Css,当我把100%作为图像的宽度时,它并不完全适合屏幕 Community FeedHilardySchoolHilardySchoolHilardySchool是地狱测试测试测试测试测试测试: .全部{ 背景色:#2E9AFE; 宽度:100%; } .pro_pic{ 宽度:50px; 高度:50px; 边界半径:150px; -webkit边界半径:150px; -moz边界半径:150px; 背景:url(http://link-to-your/image.jpg)不重复; 盒影:0.08

当我把100%作为图像的宽度时,它并不完全适合屏幕

Community Feed
HilardySchool

HilardySchool


HilardySchool是地狱



测试


测试


测试


测试









测试测试:



.全部{ 背景色:#2E9AFE; 宽度:100%; } .pro_pic{ 宽度:50px; 高度:50px; 边界半径:150px; -webkit边界半径:150px; -moz边界半径:150px; 背景:url(http://link-to-your/image.jpg)不重复; 盒影:0.08像素rgba(0,0,0,8); -webkit盒阴影:0 0 8px rgba(0,0,0,8); -moz盒阴影:08pxrgba(0,0,0,8); }

如何修复此问题?

删除浏览器默认添加的默认
边距和
填充:

*{
    padding: 0px;
    margin: 0px;
}
将此添加到其他CSS的顶部


我有点困惑。当我尝试你的小提琴时,图像似乎在使用Chrome 41水平缩放到100%。有什么我不明白的吗?它在这里工作。。尽管在这么多层面上都有问题!;]Firefox最新版本似乎也在100%扩展。你能格式化你的fiddle html以便清楚哪个div有哪个类,因为现在它不是真正透明的happening@BitHumorDeveloper你似乎没有很好地接受答案。请在下面找到答案,向上投票,如果你觉得它足够好,请将其标记为接受,否则请对其进行评论。
*{
    padding: 0px;
    margin: 0px;
}