手机端 css @media

是因为第三个orientation: portrait的原因吧，软键盘出现的时候文档可见区域高度小于宽度了，导致css失效。

创新互联主营汤旺网站建设的网络公司,主营网站建设方案,成都App定制开发,汤旺h5小程序设计搭建,汤旺网站营销推广欢迎汤旺等地区企业咨询

手机页面css布局

!--你可以尝试在head标签添加--

meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width"

!--可以达到你想要的结果--

自适应手机屏幕的css样式 怎么写 改添加在哪里？

不是随便添加句话就可以自适应手机屏幕的，没这么简单。如果要自适应手机，是要用到rem单位的，然而rem又要搭配媒体查询来使用。

例如你的设计稿如果是宽720px的话，那你的文字就要以原始大小除以11.25，例如16px的话就要16/11.25这样来计算。我的意思是不用像素，用rem,因为px是写死的，rem是可以适应手机端的（包括盒子的宽高都是要以rem来计算）。另外，用之前要把下面这段代码放到你css文件里：

@media only screen and (max-width: 1080px) {

html, body {

font-size: 16.875px;

}

}

@media only screen and (max-width: 960px) {

html, body {

font-size: 15px;

}

}

@media only screen and (max-width: 800px) {

html, body {

font-size: 12.5px;

}

}

@media only screen and (max-width: 720px) {

html, body {

font-size: 11.25px;

}

}

@media only screen and (max-width: 640px) {

html, body {

font-size: 10px;

}

}

如果宽是720，就除以它相对应的那个值，如果是宽960，就除以960相对应的那个值，这么说应该可以明白吧。

纯手打，望采纳~

请问：支持CSS3样式上版本的手机浏览器有哪些？

uc浏览器是C/S架构浏览器，即使支持CSS3，也是在服务器端支持，客户端不一定显示出来

如果需要支持CSS3的渐变，首先需要是直连浏览器，其次是高版本的

按这个要求，Android高版本的自带浏览器（webkit引擎）大部分都可以

QQ浏览器是用的android上自带浏览器核心，应该也可以

苹果的浏览器safari5应该也可以

其他高端智能机的自带手机浏览器应该都可以，譬如hero、ipad、黑莓之类的

详情可以见,上面介绍了各个浏览器的内核情况

修改discuz手机触屏版的css样式要修改哪里?

打开网站根目录

进入static/image/mobile文件夹

mobile文件夹中有一个style.css，这个就是您要找的文件discuz手机触屏版的css样式

下面是操作图文演示