优化Android浏览器网站的提示?
作者:互联网
我正在寻找有关优化Android浏览器网站设计的提示,技巧和资源.
我正在构建一个Android应用程序,并且可以通过Web界面访问某些功能.
解决方法:
我依靠两个元素来优化移动浏览器(尤其是Android和iPhone)的网站:
元标记:HandheldFriendly和viewport
通常我希望页面的页面宽度不超过800到900像素,因为Android和iPhone浏览器默认设置为.要使页面宽度与设备宽度相同,我设置以下元标记:
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
CSS媒体查询
我根据页面宽度调整设计.例如,对于大屏幕具有2列内容,对于小屏幕和打印具有1列.所以我在主要的主css文件中包含了进一步的css-includes和媒体查询:
@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);
标签:html,android,css,mobile-website 来源: https://codeday.me/bug/20190929/1833897.html