怎么制作html5网站页面让它适应电脑和手机的尺寸

如题所述

用以下代码开头:
<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">

使用百分比定义宽度,,
CSS代码可以适当使用:
@media only screen and (max-width:449px){

}
自动根据屏幕像素 调用不同的CSS代码。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-04-07
用%定义宽度,不要用相素
第2个回答  2019-01-04
一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了
第3个回答  2014-04-07
高度宽度用 auto 或者是 百分比
第4个回答  2018-07-26
用以下代码开头:
<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
使用百分比定义宽度,,
CSS代码可以适当使用:
@media only screen and (max-width:449px){
}
自动根据屏幕像素 调用不同的CSS代码。
相似回答