织梦dedecms商业教程 手机版本网站与手机分辨率自适应

织梦dedecms商业教程 手机版本网站与手机分辨率自适应

学习教程tuzi2018-12-07 13:52:22A+A-

能不能按照屏幕尺寸自适应呢?其实很简单,一般PC端网站的尺寸以14吋笔记本为主,宽度过宽,会造成部分内容显示不出来。

主流网页宽度尺寸

       无论哪种客户端,现在的智能机的分辨率都较高,即使1000px以上,也能通过放大适应。

       PC端能兼容宽度尺寸主要有960px,1100px,1190px,甚至达到2000px等,没有规定使用哪种规格,不建议低于800px。

       手机端能兼容宽度尺寸主要有320px,600px,800px等,由于字体大小的缘故,手机端访问PC端的网站时会难操作。

       平板端能兼容宽度尺寸主要有760px,800px,1100px等,操作上比手机端方便,与PC端没太大的区别。

解决兼容方法

       制作一个自适应的手机网站,就是宽度全部弄成百分比吗?一般来说,PC站没必要弄能百分比,PC端和手机端的优化方式也不一样。手机端访问速度要快,需求度集中,图片不宜过多,

       一般PC端的头部是这样写的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

       把头部改成以下就可以适应手机端了。

<!DOCTYPE HTML PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

自适应形式

       形式比较多,如果是用html5写的网站比较好处理,其实用非html5的网站写的网站一样能有华丽效果。感兴趣的可以去找找html5的网站,

点击这里复制本文地址

声明

本站发布所有广告信息、下载资源,均来自互联网,非本站自制,与本站无关。 如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。


本站中所有资料、资源文件均来自于网络搜索,仅作为技术学习研究之用,请必须在24小时内删除所下载文件,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。


本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 


访问本站的用户必须明白,[资源爱好者]对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。


本站所有资源均不提供相关技术服务,如果源码下载地址失效则请联系站长进行补发。


本站所有资源展现图片仅供参考

资源爱好者 © 本站发布所有资源,均来自互联网,非本站自制,分享目的仅供大家学习与参考,与本站无关。
如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。邮箱:admin?aihao.org
关于我们|广告合作|网站地图|冀ICP备14009590号|冀公网安备 13018302000072号