起首我们要将自适应网页代码上做出调解,阻挠挪动阅读器自动调解页面巨细,品牌网页制作,iOS和Android阅读器都基于webkit核心,这两种阅读器和其他的很多阅读器都支撑viewport meta元素笼盖默许的画布缩放设置,只需在HTML的
标签中拔出一个
标签,
标签中可以或许设置详细的宽度(如像素值)或许缩放比例2.0。
然后要将网页点窜为百分比结构,当某个阅读窗口处于媒体查询牢固的局限以外,网页就必要水平转动能力完备阅读,而经过百分比结构可以或许页面元素依据窗口巨细在一个又一个媒体查询之间天真批改名目,详细来说,就是css代码不会指定详细像素宽度,而是会指定一个百分比宽度,或许间接就是width:auto。
末了在讲讲呼应式网站对百度友爱的关键点,
1.applicable-device标注应当怎样写
有了自适应筹划的网页,还要赐顾帮衬到对百度友爱的筹划,即敷陈百度“我是自适应页面”利便百度终了辨认校验。方法也很庞杂,只需在下面viewport标签下面再增加一个applicable-device标签就行:
暗示页面同时得当在挪动装备和PC上终了阅读。
2.在操纵百度站长平台链接提交对象的sitemp终了提交时,要做mobile type标记,详细取值:
其他网页取值以下:
:挪动网页
:挪动网页
:代码适配
本文章来自于尚品中国:企业网站筹划
免责声明:本文内容由互联网用户自发贡献自行上传,本网站也不承担相关的法律责任。如果您发现本文章中有涉嫌抄袭的内容,请发送邮件至:sales@sznetsoft.com或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。