0536-2151220

网站制作 微信开发 小程序

KNOWLEDGE/新闻资讯

分享你我感悟

您当前位置> 首页 > 新闻资讯 > 网站建设

自适应手机屏幕代码

2021-09-29 10:24:36   潍坊鼎创网络有限公司  热度:

自适应手机屏幕代码:

<meta name="viewport" content="width=device-width">
<meta
name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

首先就是自适应(说白了就是用百分比来设宽度),最外框肯定是用百分比的,但是一些小的部分就不能用百分比了,不然就会变形,就比如你说的图片,图片尽量定死了,不然不同的手机屏幕大小不一定,所显示的就不一样,甚至会变形了。你可以通过控制图片外面的DIV来控制位置,让它在符合美学的位置。


相关经典案例查看更多