小编ben*_*nny的帖子

所以我目前正在我的网站上实现一个移动版本,一切都很好,除了我想能够做到这样,无论用户是水平还是垂直调整,图像都将填满100%的屏幕宽度.在任何非基于移动设备的平台上,该图像与正常情况相同,但不适用于移动设备.有什么建议？

我目前正在使用

.blog{
    padding:10px;
    border-bottom:2px solid #eeeeee;
    padding:10px;
    background:#ececec;
}
.blog-img{
    text-align:left;
    width:100%;
    margin:0 auto;
    padding:10px 0 5px 0;
}

我也尝试过:

min-width:100%;

嗨,我目前正在一个网站上工作,它设置模仿100%的浏览器宽度.但是,在移动设备上,内容不会占用浏览器的整个宽度,也不会占用较小的分辨率.我已经为所有不同的设备尝试了@ media-screen输入的思维宽度,但它似乎不起作用.

body, html {
    width: 100%;
    height: 100%;
    background:url(images/bg.jpg);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: …