HTML网页放到手机上显示变小了,如何让手机上显示正常?

html-css09

HTML网页放到手机上显示变小了,如何让手机上显示正常?,第1张

在手机上不能固定宽度,要按百分比写页面宽度。才能自适应设备。主要是这两点,当然细节上面还有很多和PC端不一样的地方。我就不述了,你按照上面亮点写你的页面,就能解决你说的问题。

你的指向文件错误,比如你的网页文件在A,但是你却指向了B。你把指向的文件放到网页文件内在试试。

如果你下载下来的图片大小规格完全一样的话,在photoshop中设置一个动作,就能批量处理了。

是js Date data=new Date()   var year=data.getYear()吧要放在一个层或者文本框才能够动态显示。

1,输入position:fixed;top:0;left:0;将整个div固定在屏幕的顶部和左侧。

2、输入width:100%;height:100%;min-width:1000px;这个可以适合div的高度和宽度,而min-width是为了实现让屏幕宽度在1000px以内时,div的大小保持不变。

3、输入background-size: cover-webkit-background-size: cover-o-background-size: cover使图片随屏幕大小同步缩放,但是有部分可能会被裁切,不过不至于会露白,下面两句是为chrome和opera浏览器作兼容。

4、输入background-position:center0;使图片的位置,居中,靠左对齐。

用CSS3 @media 查询 也叫“媒体查询”;

语法:

.aaa{width:1200px}    //正常样式

//下面是分辨率最小为300px,最大分辨率为1024px的样式

@media screen and (min-width: 300px) and (max-width:1024px) {

.aaa{width:375px}

}

可以参考:菜鸟教程CSS3 @media 查询