我正在寻找有关优化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);
总结 以上是内存溢出为你收集整理的优化Android浏览器网站的提示?全部内容,希望文章能够帮你解决优化Android浏览器网站的提示?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)