
p>首先你要在html页面头部加上下面的代码viewport",不懂可以百度content=",一些小的模块可以用固定尺寸meta , name="。再就是css中要应用到媒体查询,不能不用固定尺寸。
</>,其次你要把页面中的宽度修改为百分比width=device-width,也就是@mediainitial-scale=1"
解决方案2:
建议你看一下网上的教程或者案例,自己对比学习再写。
建议:如果是小白的话,要不然不会自适应屏幕大小的,只要你编写的html代码符合html5规则就行html5不是转化的,建议你看一下html5标签文档
一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)