html能写出适合手机屏幕访问的页面吗

网页只是一些文字和简单的图片,自动适应屏幕显示可以做到吗?该怎么写呢?

能,但是需要响应式设计方法来开发我们的web网页。
1、响应式设计需要做的有很多技术和技巧,和做电脑端网页一样,响应式开发需要div等元素就可以自动适应屏幕大小,就是在设置每个元素属性的时候要用百分比,最好不要用px
2、当下响应式布局设计需要使用HTML5技术和CSS3技术才能完美的开发出来,通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。媒介查询的大部分媒介特性都接受min和max用于表达”大于或等于”和”小于或等于”。如:width会有min-width和max-width媒介查询可以被用在CSS中的@media和@import规则上,也可以被用在HTML和XML中。通过这个标签属性,我们可以很方便的在不同的设备下实现丰富的界面,特别是移动设备,将会运用更加的广泛。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-10-15
能,html能写出适合手机屏幕访问的页面!这些代码都是css的了,比如一个设置一个div块id是div1。css代码就是#div{width:50e:2em;}这样不管是什么分辨率的窗口和设备,这个div始终占50%的宽度。里面的字体大小始终是2em的大小。这些大小都是相对于屏幕而言,所以就可以保证在移动端和桌面端都可以正常显示。
第2个回答  2013-05-23
响应式设计,和做电脑端网页一样,就是在设置每个元素属性的时候要用百分比,最好不要用px,这样div等元素就可以自动适应屏幕大小,还需要做的有很多,不是几句话就说完的,你感兴趣的话可以百度搜"响应式设计"慢慢学习.追问

能给一段代码吗,只有简单文字和一两张图片的形式

追答

这些代码都是css的了,比如一个设置一个div块id是div1。css代码就是#div{width:50%;font-size:2em;}这样不管是什么分辨率的窗口和设备,这个div始终占50%的宽度。里面的字体大小始终是2em的大小。这些大小都是相对于屏幕而言,所以就可以保证在移动端和桌面端都可以正常显示。

本回答被提问者采纳
第3个回答  2013-05-23
你可以用电脑打开手机网页,看下是怎么写的
html是完全可以的,
比如说,
http://wap.163.com/
页面都是很简单的