如何制作css手机版?

如题所述

制作css手机版页面时如何使背景图片适应div的高度和宽度

具体步骤如下:

1.输入位置:固定;top:0;左:0;将整个div固定在屏幕的顶部和左侧。

2.输入宽度:100%;身高:100%;最小宽度:1000像素;这个可以适合div的高度和宽度,而min-width是在屏幕宽度在1000px以内的情况下,保持div的大小不变。

3.输入背景-尺寸:封面;-WebKit-背景-大小:封面;-o-背景-尺寸:封面;使画面与屏幕尺寸同步缩放,但部分可能会被裁剪,但不会显示白色。以下两句话兼容chrome和opera浏览器。

4.输入背景-位置:中心0;对齐图片的位置、中心和左侧。

如何使p中的图片自适应宽度和高度,图片不变形,可以超出p,超出部分隐藏?

像你这么说,貌似只有用js来判断了,首先给图片上下左右居中,给父级元素设置overflow:hidden;然后用过js来获取当前图片的宽高,如果宽度大于高度,那么就高度为100%,宽度自适应,反之宽度100%,高度自适应;

如何让p里面的p出现滚动条?

1、打开dw,新建一个html页面,进入html页面编辑。

2、在代码的body中间编写一个p层。

3、将这个新建好的html页面跟编写好的p利用快捷键“ctrl+s”另保存到知道的目录下。

4、点击dw的文件按钮,在弹出的下拉框中,选择“新建”。

5、在新建的窗口中,找到“css”这一栏,点击“css”新建一个css样式。

6、写样式用".pingmu{}"开始写,给它固定宽高,再添加背景色,让p自适应宽高,超过部分显示滚动条。

7、将这个css样式保存到同级目录下,如ceshi.html在c盘,css样式也保存在c盘。

8、保存好样式后,双击这个ceshi.html页面,用浏览器打开后看到100像素宽高的黑块。

温馨提示:答案为网友推荐,仅供参考
相似回答