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

如题所述

举报该问题

推荐答案 2014-04-07

用以下代码开头：
<!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代码。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/vUiUp9in2xvnUvnspv.html

其他回答

第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代码。

1 2 下一页

相似回答

大家正在搜