1、如果想要解决这个问题，用户可以进入浏览器的设置页面，关闭竖屏锁定功能，或者调整其设置选项，使其支持横屏显示。可能的原因之二：CSS样式问题 另一个导致浏览器无法横屏的原因，可能是网页中的CSS样式问题。
成都创新互联公司专业网站建设，网站制作与网站建设公司，1800元做网站建设全包，免费赠送网站基础优化服务，让你的网站变得更有价值，公司拥有完善的专业网站设计公司流程，能够为企业提供建站服务。使用PHP+MYSQL开发可交付网站源代码;符合网站优化排名的后台管理系统；网站制作收费合理；免费进行网站备案等企业网站建设一条龙服务.
2、还有，用了css媒体查询后，ie6-8载入不了样式表，要引用个：Respond.js来让ie6-8下正确载入css。js自行百度，到处有下载。
3、两者分辨率不同，手机上你要写针对手机的css。
在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
我不知道你说的乱是字符乱还是排版乱。如果是排版乱：可能检查一下你的样式表路径 可能2 、不同浏览器（IE、Firefox、Opera）浏览引起的乱，那你要改样式表了 如果是字符乱：应该是网页指定编码格式不正确。
使网页浏览和编辑时用gb2312 其次是你的定义字体格式，用楼上两位的话就是样式，做网页你要看浏览对象的，就好比google的网页就不怎么限制的，你通过调IE 查看-文字大小 来看到不同大小的字体。如果还不清楚再补充吧。
用以下代码开头： 使用百分比定义宽度， CSS代码可以适当使用： @media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。
想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：。图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。
768之后稍大的分辨率就是1280*768了，则可以采用1200px或者1220px作为稍大的网页宽度。 支持csshtml5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签。
首先，在网页代码的头部，加入一行viewport元标签。
display： block ！important； } .container { width： 920px； } } 但是上面的方法，可能不会兼容老版本ie。所以也可以通过js，识别当前页面的分辨率，来给出样式，这种比较好也比较复杂，代码量很多但是一般没有兼容问题。
如何用JS控制网页字体大小，使其能够自适应屏幕大小 首先，在网页代码的头部，加入一行viewport元标签。
1、这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。 我们只需要在我们的HTML页面的标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。
2、你可以：第尝试把CSS样式中可能会发生改变的宽度及高度的准确数值改为百分比(这个可以根据屏宽和你的高度、宽度计算出来)。
3、第一步：你的这个banner，要设计成左右两端可以与页面背景相融合的那种形式。比如左右两端都用了渐变透明，看上去与整个网页的背景融合在了一起。第二步：这个1000px的banner，在屏幕上居中显示。
4、同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。
5、其次：网页宽度css一定要使用百分比width： xx%；，不能用绝对像素。
6、方式一用的不是很多，有兴趣的可以自己去看看，我们着重看方式二。
早期网页设计采用 静态布局 ，通过 标签中的 applicable-device 应用设备标识识别移动设备，即 ，在 标签中的 viewport 标签中设置 width ，通过 js 动态修改标签的 initial-scale 使得页面等比缩放，刚好占满整个屏幕。
使用OrigamiStudio：OrigamiStudio是一款极其强大的iPad原型设计工具。可以帮你在散开的界面元素之间创建复杂的动画效果，让用户一眼望过产品的设计效果和操作流程。
响应式Web设计（Responsive Web design）的理念是：页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。