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

 我来答
小小韩小小小韩COad5
2014-04-07 · TA获得超过127个赞
知道答主
回答量:340
采纳率:100%
帮助的人:186万
展开全部
用以下代码开头:
<!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代码。
田响建站
2014-04-07 · 田响建站,纯手工建网站
田响建站
采纳数:3384 获赞数:2327

向TA提问 私信TA
展开全部
用%定义宽度,不要用相素
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
赛琴台寄云
2019-01-04 · TA获得超过3979个赞
知道大有可为答主
回答量:3209
采纳率:24%
帮助的人:235万
展开全部
一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
策划张
2014-04-07 · 知道合伙人IT服务行家
策划张
知道合伙人IT服务行家
采纳数:63 获赞数:80

向TA提问 私信TA
展开全部
高度宽度用 auto 或者是 百分比
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
腾讯电脑管家
2018-07-26 · 百度知道官方认证企业
腾讯电脑管家
腾讯电脑管家是腾讯公司推出的免费安全管理软件,能有效预防和解决计算机上常见的安全风险,并帮助用户解决各种电脑“疑难杂症”、优化系统和网络环境,是中国综合能力最强、最稳定的安全软件。
向TA提问
展开全部
用以下代码开头:
<!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代码。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式