Is there a way to force IE or FF into a handheld mode for testing “@media handheld” stylesheets?

一世执手 提交于 2019-12-20 02:26:56

问题


Is there a way to force IE or FF into a handheld mode for testing "@media handheld" stylesheets?

Or, do I have to publish the pages and test with my Blackberry?

I'd prefer to test this without pushing the application to the live server as the application is already in use.

Any ideas for me?


回答1:


Some help on this question: What do you use to test the handheld css on your website?




回答2:


Web Developer Toolbar for FF lets you to test webpages media=handheld




回答3:


There's a simple way with media queries:

@media handheld, screen and (max-width: 500px) { /* your css */ }

This will make browsers that implement media queries use your handheld css when you resize the window to less than 500px.




回答4:


I've found Blackberry browser to be so utterly broken, that testing in Firefox or even IE doesn't make sense. Netscape 4 seems like closest approximation.

If you want achieve decent experience on BB, then you have to get a BB simulator. It's available for free from RIM website (you need to click through a few forms).

If you just want to test under a mobile browser, than try Opera Mini simlator on-line or desktop Opera in Small Screen view (get version 7.6 or 8.0 from archives if you want exactly the same engine as used today on smartphones).

Or add html {max-width:240px} to your styles and for testing serve them with media=screen rather than handheld.



来源:https://stackoverflow.com/questions/300315/is-there-a-way-to-force-ie-or-ff-into-a-handheld-mode-for-testing-media-handhe

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!