-
关于制作适合手机屏幕的网页5
最近需要开发一个页面，需要在手机上显示。 通过dreamweaver 编辑一个页面：
<body>
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
能在电脑上显示正常，但是用iphone4的safari浏览器显示得很小，根本不能适应手机屏幕。
我试过把每个控件的宽和高拉大，但是效果很差，而且下拉框的箭头比例不行，应该正确做法是控件自动适应屏幕大小。
如何能让页面自动适应手机屏幕？ 是否通过css + js 控制？ 求解。。2012年5月15日 17:07
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
加上
<meta name="viewport" content="width=device-width,initial-scale=1"/>
就可以实现了2012年8月09日 11:16
相关推荐
1. **常见屏幕尺寸**：由于手机屏幕尺寸多样，开发者需要考虑不同尺寸的兼容性问题。常见的屏幕分辨率包括： - 128x160 pixels - 176x220 pixels - 240x320 pixels - 320x480 pixels - 等等 2. **适应策略**：...
**标题解析：** "如何制作一个WAP手机网页" 指的是教程性质的内容，旨在指导初学者如何创建适用于移动设备的WAP（无线应用协议）网页。 **描述解析：** 描述强调了帮助新手快速掌握手机网页制作，以及涉及的具体...
因为手机屏幕提供的信息是有限的，所以针对这部分手机用户设计制作网页，要考虑到这些人需要哪些信息，将这些信息放在手机网页的重要位置，提高用户的浏览体验。 C：忠实用户 忠实用户是那些会长期使用你的手机...
“搞笑的手机屏幕”主题包括了各种有趣的壁纸、动态效果、应用图标和创意性的屏幕设置，这些都是设计者们精心制作，以期为用户带来轻松愉快心情的杰作。例如，一张精心挑选的壁纸，可能是一只搞怪的小猫，或是一张...
而CSS3则为网页样式和布局提供了更多灵活性，例如响应式设计、动画效果和多列布局，使得手机网站在不同尺寸的屏幕上都能自适应。 接下来，我们关注到"蓝色通用手机公司网站模板"。这表明源码可能包含一个预设的、...
"CM屏幕尺(用于网页制作)" 是一款专为网页设计与制作而设计的工具，它提供了一种方便的方式来测量屏幕上的尺寸，尤其是对于那些需要精确控制网页元素布局和间距的设计师而言。"CM"在这里代表了厘米，意味着这款软件...
总的来说，“王力宏明星网页制作 HTML网页成品 学生网页制作源码”是一个极好的学习资源，涵盖了HTML结构、CSS样式、响应式设计和基础的交互性等多个方面，非常适合初学者通过实践来提升网页制作技能。通过研究这个...
在此过程中，需要考虑手机屏幕尺寸的限制，确保网站在各种设备上都能有良好的用户体验。此外，制定手机网站的架构图，列出所有主要栏目和子页面。 接下来，进入前端开发阶段。根据设计稿完成前端页面的编码，包括...
网站设计与网页制作是互联网技术中的基础组成部分，它涉及到如何构建和展示信息，以及如何吸引并引导用户在网站上的互动。下面将详细讲解这个领域的基础知识、网站设计、网站建设的总趋势以及个人站点的推销。 1. ...
在移动开发领域，手机网页制作是一项至关重要的技能，尤其在Android、iPhone和Windows Phone等主流移动平台上。这些平台上的用户通常通过浏览器访问网页，因此，为这些设备优化的网页设计和开发是提升用户体验的关键...
2. 响应式设计：政府网站需要适应不同设备的屏幕大小，如手机、平板电脑和桌面电脑。响应式设计利用媒体查询和流式布局，确保网站在任何设备上都能提供良好的用户体验。 3. 网页布局：政府网站通常有清晰的导航结构...
在手机网站模板制作过程中，优化性能也至关重要。CSS和HTML5都支持资源预加载和懒加载策略，以减少初始加载时间。同时，合理的文件合并和压缩可以减小文件大小，提高加载速度。 总的来说，通过结合HTML5的语义化...
【手机版网页制作总结】 在移动互联网时代，手机版网页制作已经成为不可或缺的一部分。然而，与传统的Web网站相比，手机网站开发面临着更多的挑战。这篇文章主要探讨了手机版网页制作中的关键问题，包括用户设备...
1. **图片准备**：首先，用户需要挑选出想要集成到图片集中的图片，并确保它们的格式和尺寸适合手机屏幕，以便于查看。 2. **使用软件**：然后，用户需要下载并安装一个支持JAR格式制作的软件，如“图片合成器”或...
【描述】：制作手机网站，尤其是针对WAP平台的，可以帮助您的业务或个人信息更好地触及手机用户。通过了解和应用WAP技术，您可以创建出适应各种移动设备屏幕和网络环境的网页，提升用户体验。 【知识点一】：理解...
设计的内容应该不要宽于或长于目标设备的显示屏，尽量保证一行出现 14 个字符，或者用 换行，或者设宽为 100%，以便内容会根据用户手机屏幕的大小自适应往下排。 3.避免过多使用文本强调属性 避免过多使用文本...
另外，响应式设计也是现代网页制作的重要组成部分，确保网站在不同设备（桌面、平板、手机）上都能良好显示。这需要理解流体布局、媒体查询以及适应不同屏幕尺寸的图像处理方法。 最后，网页性能优化是另一个重要...
【标题】中的"TouchScroll插件制作幻灯切换iPhone手机wap网站特效"是一个关于移动设备网页交互设计的专题，特别是针对iPhone手机的WAP（无线应用协议）网站。这个插件利用JavaScript和CSS技术，为网页添加了触摸滑动...
在本资源中，我们主要关注的是一个Web网页设计与制作的毕业设计项目，具体是一个蓝色的手机网站模板，适用于WAP（Wireless Application Protocol）设备，并且基于HTML5技术构建。这个压缩包文件包含了实现这样一个...
【温州广厦 网页制作】是一套针对初学者设计的网页制作教程，通过视频讲解的方式，系统地介绍了网页制作的基本概念和技术。这个课程可能由温州广厦机构提供，旨在帮助学员快速入门并掌握网页设计的核心技能。 在...