首页 > 解决方案 > 在移动设备上滚动无法使用 WordPress 页面

问题描述

摄影网站 (www.jyiphoto.com) 包含作品集和基于文本的页面。

基于文本的页面(博客、关于、推荐)不会在移动设备上滚动。在桌面和 Chrome 桌面的模拟移动设备上工作。

尝试添加溢出自动和禁用插件。

    /* =============================================================================
   CSS Reset
   ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /*-webkit-font-smoothing: subpixel-antialiased;*/ }

body {
    line-height: 1;
    /*text-rendering:optimizeLegibility;*/
    overflow: visible;
}

html body {
    overflow: visible;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td { vertical-align: top; }
img{max-width:100%;}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }
input[type="text"],input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius:0px; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

::selection         {background: #dd3333; color: #fff; }
::-moz-selection    {background: rgb(255,255,158);}
img::selection      {background: transparent;}
img::-moz-selection {background: transparent;}

==================================================== =======================布局========================== ================================================*/

/* ======================
    Global
   ====================== */
html {
    padding: 0px !important;
}
html,body {
    position: relative;
    height: 100%;
}
#main, .ajaxable {
    min-height: 100.1%;
}
.page-template-full-screen-page-php #main ,
.page-template-full-screen-page-php .ajaxable {
    min-height: initial !important;
}

希望手机回滚。

标签: csswordpress

解决方案


推荐阅读