这几天疫情在家,闲来无事,想要写一个手机网站,链接到自己的公众号自定义菜单上面。因为用html5和php7.0、mysql8.0搭建的,很快就完成了。当然,也离不开csdn专家的支持和指导,但是,今天在手机端浏览的时候,发现页面始终无法自适应屏幕,参照网上的教程加了很多《meta》,也修改了控件、图片的宽度为相对宽度,但都不如ios开发时候那样轻松而完美的实现自动适用。请问,怎样的编辑语言适合写出自适应的手机网页端或者应用程序?听说flutter很牛,但是可以么?或者有别的很适合在手机端开发自适应页面的语言,或者我未用好html,还望释疑。我是比较强迫的人,不一点要绚烂多姿的多媒体界面,但是,需要简洁但全屏,轻松阅读的风格,现在的问题是文字过小,或者文字不能自动换行,图片能缩小,但定位也不是很好。
bootstrap框架已经帮你打好了框架,按照bootstrap的css类设置好框架,会自适应不同的浏览器和分辨率。
参考: https://www.runoob.com/bootstrap/bootstrap-tutorial.html https://www.runoob.com/bootstrap/bootstrap-tutorial.html
bootstrap框架已经帮你打好了框架,按照bootstrap的css类设置好框架,会自适应不同的浏览器和分辨率。
注意添加viewpoint
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
使用帮助参考:
https://www.bootcss.com/ https://www.bootcss.com/
https://www.runoob.com/bootstrap/bootstrap-tutorial.html https://www.runoob.com/bootstrap/bootstrap-tutorial.html
如果要学基础,也可以media query来针对不同分辨率设置不同的显示,但是这个要有css基础,bootstrap只是做好了包装。。
https://www.runoob.com/cssref/css3-pr-mediaquery.html https://www.runoob.com/cssref/css3-pr-mediaquery.html
同样,也不要忘记加viewpoint