web网页在手机上浏览排版出错的问题

版权声明:本文为博主原创文章,未经博主允许不得转载!! https://blog.csdn.net/u014656992/article/details/44627893

web网页在手机上浏览排版出错的问题:

解决思路:添加水平滚动条,手机上可以查看整个网页的内容。
实现方法:在jsp网页所引用的css表里修改如下语句。

代码块

在CSS样式表单里面找到相应的样式表的设置

HTML {
OVERFLOW-Y: auto; OVERFLOW-X: auto
}

html{overflow-x : hidden ; height : 100% ; margin : 0 ; padding : 0 ; }
body{ height : 99% ; margin : 0 ;  overflow-x : hidden ; } 



<iframe scrolling="yes"> 



强制显示滚动条:

html { overflow: scroll; }
强制显示IE的水平滚动条:

html { overflow-x: scroll; }


<boby scroll="auto">   

web网页在手机端和PC端浏览,需要分开编写,手机分辨率的不同也要考虑进去。

展开阅读全文

没有更多推荐了,返回首页