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

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端浏览,需要分开编写,手机分辨率的不同也要考虑进去。

你可能感兴趣的:(web前端开发)