优化Android浏览器网站的提示?

优化Android浏览器网站的提示?,第1张

概述我正在寻找有关优化Android浏览器网站设计的提示,技巧和资源.我正在构建一个Android应用程序,并且可以通过Web界面访问某些功能.解决方法:我依靠两个元素来优化移动浏览器(尤其是Android和iPhone)的网站:元标记:HandheldFriendly和viewport通常我希望页面的页面宽度不超过800到900

我正在寻找有关优化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浏览器网站的提示?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1100765.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存