穗建云科-网站建设-LOGO

网页在移动互联网下如何设计

时间:


  对笨重的PC计算机其便携性相对较差,而手机终端、手持电脑以及各种可穿戴设备的广泛应用,开始让移动互联网得到迅速发展,另外随着4G以及5G技术的陆续推广使用,移动互联网的速度瓶颈也会得到有效突破,基于移动互联网的应用也开始呈现爆炸式增长,所以移动互联网成为未来互联网的发展主流已经成为必然。



  在移动互联网环境下,由于显示屏幕大小具有不确定性,这必然会给传统的网页设计带来极大的麻烦,因为传统的网页尺寸都具有固定性,最早的尺寸为800*600,而随着显示器分辨率的提升,1024*768尺寸开始广泛应用,而随着宽频显示的发展,现在很多网页也开始支持1400*900的尺寸,虽然这些网页尺寸大小存在着变化,但是总体上通过浏览器还不会影响到用户的使用。



  然而移动互联网上的多元化的终端,比如智能手表的显示屏极小,而手机屏幕大小存在着显著差异,那么网页应该以什么样的标准来进行设计就显得极为困难,为了解决这个问题,响应式网页设计开始被提出。虽然响应式网页设计最早是应用在传统的PC互联网中,但是由于这种设计技术能够很好的适应显示屏幕大小的变化,因此能够满足用户的浏览需求。



  不过在应用这种响应式的网页设计技术时还需要注意一些细节方面的调整,这样能够有效的提升设计效果,同时还有助于节省设计的时间。



  为了能够适应不同移动终端,在网页设计时需要根据网页尺寸规格从小到大进行依次设定,而这种设定方式最佳的方案是运用百分比的方式来进行。另外单位的选择还能够让网站在不同的屏幕中灵活的显示,这样就能够解决屏幕中字体大小等各种显示方面的问题。而且通过这种事先的设定还能够让移动终端的浏览软件在打开相应的网页时可以自动调整大小,直到进行满屏显示,从而提升显示效果。



  对于网页的排版应该使用CSS样式表技术,因为可以通过设置CSS样式属性来规避在不同手持终端上浏览网页可能出现的变形问题。只需要在样式表属性中设置显示属性的最大数值以及最小数值,就能够让内容在不同的屏幕上进行合理的填充,而且始终保持显示的完美。此外,对于网页上的扩展内容,也需要通过按钮隐藏的方式来布置在网页的左右两侧,如果用户需要点击这些内容,可以触发这些按钮就会展现相应的内容,这样可以让整个页面变得干净整洁。同时网页上的内容也会更加丰富。



  内容展示的处理。通常屏幕越大,那么在页面的垂直方向所占的空间就会变小,此时如果屏幕最小,就会面临内容的显示变得越长,此时就需要将最长的内容所占的垂直空间进行事先设定,然后至最大屏幕所占的空间范围加以调整,那么这样的网页内容就能够在各种手持终端上进行合理显示。



  更多网站资讯,微信轻松扫一扫关注合优国际(www.heyou51.com)。




版权所有:2006-2025 穗建云科   网站地图  

电话
基本 文件 流程 错误 SQL 调试
  1. 请求信息 : 2025-09-27 10:47:35 HTTP/2.0 GET : https://m.gzwzjs51.com/news/2672.html
  2. 运行时间 : 0.185541s [ 吞吐率:5.39req/s ] 内存消耗:4,234.33kb 文件加载:138
  3. 缓存信息 : 0 reads,0 writes
  1. /www/m.gzwzjs51.com/public/index.php ( 0.97 KB )
  2. /www/m.gzwzjs51.com/vendor/autoload.php ( 0.73 KB )
  3. /www/m.gzwzjs51.com/vendor/composer/autoload_real.php ( 1.63 KB )
  4. /www/m.gzwzjs51.com/vendor/composer/platform_check.php ( 0.90 KB )
  5. /www/m.gzwzjs51.com/vendor/composer/ClassLoader.php ( 15.99 KB )
  6. /www/m.gzwzjs51.com/vendor/composer/autoload_static.php ( 4.95 KB )
  7. /www/m.gzwzjs51.com/vendor/topthink/think-helper/src/helper.php ( 8.34 KB )
  8. /www/m.gzwzjs51.com/vendor/topthink/think-validate/src/helper.php ( 2.19 KB )
  9. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/helper.php ( 1.47 KB )
  10. /www/m.gzwzjs51.com/vendor/topthink/think-orm/stubs/load_stubs.php ( 0.16 KB )
  11. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Exception.php ( 1.69 KB )
  12. /www/m.gzwzjs51.com/vendor/topthink/think-container/src/Facade.php ( 2.71 KB )
  13. /www/m.gzwzjs51.com/vendor/symfony/polyfill-mbstring/bootstrap.php ( 8.26 KB )
  14. /www/m.gzwzjs51.com/vendor/symfony/polyfill-mbstring/bootstrap80.php ( 9.78 KB )
  15. /www/m.gzwzjs51.com/vendor/symfony/var-dumper/Resources/functions/dump.php ( 0.99 KB )
  16. /www/m.gzwzjs51.com/vendor/topthink/think-dumper/src/helper.php ( 0.18 KB )
  17. /www/m.gzwzjs51.com/vendor/symfony/var-dumper/VarDumper.php ( 3.73 KB )
  18. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/App.php ( 15.30 KB )
  19. /www/m.gzwzjs51.com/vendor/topthink/think-container/src/Container.php ( 15.76 KB )
  20. /www/m.gzwzjs51.com/vendor/psr/container/src/ContainerInterface.php ( 1.02 KB )
  21. /www/m.gzwzjs51.com/app/provider.php ( 0.19 KB )
  22. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Http.php ( 6.04 KB )
  23. /www/m.gzwzjs51.com/vendor/topthink/think-helper/src/helper/Str.php ( 7.29 KB )
  24. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Env.php ( 4.68 KB )
  25. /www/m.gzwzjs51.com/app/common.php ( 0.03 KB )
  26. /www/m.gzwzjs51.com/vendor/topthink/framework/src/helper.php ( 18.78 KB )
  27. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Config.php ( 5.54 KB )
  28. /www/m.gzwzjs51.com/config/app.php ( 1.07 KB )
  29. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/facade/Env.php ( 1.67 KB )
  30. /www/m.gzwzjs51.com/config/cache.php ( 0.78 KB )
  31. /www/m.gzwzjs51.com/config/console.php ( 0.23 KB )
  32. /www/m.gzwzjs51.com/config/cookie.php ( 0.56 KB )
  33. /www/m.gzwzjs51.com/config/database.php ( 2.17 KB )
  34. /www/m.gzwzjs51.com/config/filesystem.php ( 0.61 KB )
  35. /www/m.gzwzjs51.com/config/lang.php ( 0.91 KB )
  36. /www/m.gzwzjs51.com/config/log.php ( 1.35 KB )
  37. /www/m.gzwzjs51.com/config/middleware.php ( 0.19 KB )
  38. /www/m.gzwzjs51.com/config/route.php ( 1.89 KB )
  39. /www/m.gzwzjs51.com/config/session.php ( 0.57 KB )
  40. /www/m.gzwzjs51.com/config/trace.php ( 0.34 KB )
  41. /www/m.gzwzjs51.com/config/view.php ( 0.82 KB )
  42. /www/m.gzwzjs51.com/app/event.php ( 0.25 KB )
  43. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Event.php ( 7.67 KB )
  44. /www/m.gzwzjs51.com/app/service.php ( 0.13 KB )
  45. /www/m.gzwzjs51.com/app/AppService.php ( 0.26 KB )
  46. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Service.php ( 1.64 KB )
  47. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Lang.php ( 7.35 KB )
  48. /www/m.gzwzjs51.com/vendor/topthink/framework/src/lang/zh-cn.php ( 13.70 KB )
  49. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/initializer/Error.php ( 3.31 KB )
  50. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/initializer/RegisterService.php ( 1.33 KB )
  51. /www/m.gzwzjs51.com/vendor/services.php ( 0.18 KB )
  52. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/service/PaginatorService.php ( 1.52 KB )
  53. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/service/ValidateService.php ( 0.99 KB )
  54. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/service/ModelService.php ( 2.04 KB )
  55. /www/m.gzwzjs51.com/vendor/topthink/think-multi-app/src/Service.php ( 1.08 KB )
  56. /www/m.gzwzjs51.com/vendor/topthink/think-trace/src/Service.php ( 0.77 KB )
  57. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Middleware.php ( 6.72 KB )
  58. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/initializer/BootService.php ( 0.77 KB )
  59. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/Paginator.php ( 11.86 KB )
  60. /www/m.gzwzjs51.com/vendor/topthink/think-validate/src/Validate.php ( 63.20 KB )
  61. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/Model.php ( 23.55 KB )
  62. /www/m.gzwzjs51.com/vendor/topthink/think-helper/src/contract/Arrayable.php ( 0.09 KB )
  63. /www/m.gzwzjs51.com/vendor/topthink/think-helper/src/contract/Jsonable.php ( 0.13 KB )
  64. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/contract/Modelable.php ( 0.09 KB )
  65. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/concern/Attribute.php ( 21.05 KB )
  66. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/concern/AutoWriteData.php ( 4.21 KB )
  67. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/concern/Conversion.php ( 6.44 KB )
  68. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/concern/DbConnect.php ( 5.16 KB )
  69. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/concern/ModelEvent.php ( 2.33 KB )
  70. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/model/concern/RelationShip.php ( 28.29 KB )
  71. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Db.php ( 2.88 KB )
  72. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/DbManager.php ( 8.52 KB )
  73. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Log.php ( 6.28 KB )
  74. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Manager.php ( 3.92 KB )
  75. /www/m.gzwzjs51.com/vendor/psr/log/src/LoggerInterface.php ( 2.71 KB )
  76. /www/m.gzwzjs51.com/vendor/psr/log/src/LoggerTrait.php ( 2.69 KB )
  77. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Cache.php ( 4.92 KB )
  78. /www/m.gzwzjs51.com/vendor/psr/simple-cache/src/CacheInterface.php ( 4.71 KB )
  79. /www/m.gzwzjs51.com/vendor/topthink/think-helper/src/helper/Arr.php ( 16.63 KB )
  80. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/cache/driver/File.php ( 7.84 KB )
  81. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/cache/Driver.php ( 9.03 KB )
  82. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/contract/CacheHandlerInterface.php ( 1.99 KB )
  83. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Console.php ( 22.89 KB )
  84. /www/m.gzwzjs51.com/app/Request.php ( 0.09 KB )
  85. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Request.php ( 55.78 KB )
  86. /www/m.gzwzjs51.com/app/middleware.php ( 0.26 KB )
  87. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Pipeline.php ( 2.61 KB )
  88. /www/m.gzwzjs51.com/vendor/topthink/think-trace/src/TraceDebug.php ( 3.40 KB )
  89. /www/m.gzwzjs51.com/vendor/topthink/think-multi-app/src/MultiApp.php ( 7.06 KB )
  90. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Route.php ( 23.73 KB )
  91. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/RuleName.php ( 5.75 KB )
  92. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/Domain.php ( 2.53 KB )
  93. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/RuleGroup.php ( 22.43 KB )
  94. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/Rule.php ( 26.95 KB )
  95. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/RuleItem.php ( 9.78 KB )
  96. /www/m.gzwzjs51.com/app/index/route/route.php ( 1.03 KB )
  97. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/facade/Route.php ( 4.70 KB )
  98. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/dispatch/Controller.php ( 4.74 KB )
  99. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/route/Dispatch.php ( 10.44 KB )
  100. /www/m.gzwzjs51.com/app/index/controller/News.php ( 3.77 KB )
  101. /www/m.gzwzjs51.com/app/index/controller/Base.php ( 2.04 KB )
  102. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/facade/Request.php ( 9.20 KB )
  103. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/facade/Db.php ( 0.93 KB )
  104. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/connector/Mysql.php ( 5.44 KB )
  105. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/PDOConnection.php ( 52.47 KB )
  106. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/Connection.php ( 8.39 KB )
  107. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/ConnectionInterface.php ( 4.57 KB )
  108. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/builder/Mysql.php ( 16.58 KB )
  109. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/Builder.php ( 24.06 KB )
  110. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/BaseBuilder.php ( 27.50 KB )
  111. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/Query.php ( 15.71 KB )
  112. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/BaseQuery.php ( 45.13 KB )
  113. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/TimeFieldQuery.php ( 7.43 KB )
  114. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/AggregateQuery.php ( 3.26 KB )
  115. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/ModelRelationQuery.php ( 20.07 KB )
  116. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/ParamsBind.php ( 3.66 KB )
  117. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/ResultOperation.php ( 7.01 KB )
  118. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/WhereQuery.php ( 19.37 KB )
  119. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/JoinAndViewQuery.php ( 7.11 KB )
  120. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/TableFieldInfo.php ( 2.63 KB )
  121. /www/m.gzwzjs51.com/vendor/topthink/think-orm/src/db/concern/Transaction.php ( 2.77 KB )
  122. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/log/driver/File.php ( 5.96 KB )
  123. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/contract/LogHandlerInterface.php ( 0.86 KB )
  124. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/log/Channel.php ( 3.89 KB )
  125. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/event/LogRecord.php ( 1.02 KB )
  126. /www/m.gzwzjs51.com/vendor/topthink/think-helper/src/Collection.php ( 16.47 KB )
  127. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/facade/View.php ( 1.70 KB )
  128. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/View.php ( 4.39 KB )
  129. /www/m.gzwzjs51.com/vendor/topthink/think-view/src/Think.php ( 8.38 KB )
  130. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/contract/TemplateHandlerInterface.php ( 1.60 KB )
  131. /www/m.gzwzjs51.com/vendor/topthink/think-template/src/Template.php ( 46.61 KB )
  132. /www/m.gzwzjs51.com/vendor/topthink/think-template/src/template/driver/File.php ( 2.41 KB )
  133. /www/m.gzwzjs51.com/vendor/topthink/think-template/src/template/contract/DriverInterface.php ( 0.86 KB )
  134. /www/m.gzwzjs51.com/runtime/index/temp/d4752b582f4c7eee28df4d1af838e1c3.php ( 7.15 KB )
  135. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Response.php ( 8.81 KB )
  136. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/response/Html.php ( 0.97 KB )
  137. /www/m.gzwzjs51.com/vendor/topthink/framework/src/think/Cookie.php ( 6.06 KB )
  138. /www/m.gzwzjs51.com/vendor/topthink/think-trace/src/Html.php ( 4.42 KB )
  1. CONNECT:[ UseTime:0.039701s ] mysql:host=47.107.117.224;port=3306;dbname=gzwzjs51_com;charset=utf8
  2. SHOW FULL COLUMNS FROM `news_lm` [ RunTime:0.029205s ]
  3. SELECT * FROM `news_lm` WHERE `pass` = 1 ORDER BY `px` DESC,`id_lm` DESC [ RunTime:0.026779s ]
  4. SHOW FULL COLUMNS FROM `news_co` [ RunTime:0.027802s ]
  5. SELECT * FROM `news_co` WHERE `id` = 2672 LIMIT 1 [ RunTime:0.026738s ]
0.186164s