Home  >  Article  >  Web Front-end  >  wap page problem_html/css_WEB-ITnose

wap page problem_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:56:31943browse

For the wap page I made, the referenced css file has body{overflow-x:hidden;overflow-y:hidden}, but the page still has horizontal and vertical scroll bars, and the page will not let go when clicked. , the whole thing was moved left and right, I’m so worried, I beg God for an answer, I beg you on your knees! ! !


Reply to discussion (solution)

I also encountered this situation with div last time,

    .div{        width:400px;        height:200px;        overflow-y:hidden;  /*只出现水平滚动条*/        position: absolute;    }

was used for div After this style, you can try positioning the Body

LZ can also refer to this information: http://www.w3school.com.cn/cssref/pr_overflow-x.asp

Have you set the width and height? The resolution of different mobile phone models is different. If the screen is small, system scroll bars will appear. It is best not to set the width and height

You can embed a div inside the body. This div Set the width and height and then set overflow:hidden

Do not use px to write wap page width, use percentage to write...

Thanks for your help, the problem has been solved Solved, because I am very stressed and busy, I just finished it now. Don’t mind if you didn’t come and give me feedback. I have already given points. Thank you to all the seniors at CSDN

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn